Berry Butter
#efcedc
Creamy warm rose-beige for soft, UI-ready highlights
About Berry Butter
Berry Butter is the version of this pink that actually commits to butter, warmer, denser, less apologetic than Ballerina but still restrained. It's got body. Where Ballerina whispers, this one speaks in a normal voice. Not loud, just present.
You want this for beauty and wellness products that need to feel substantial rather than clinical, for packaging mockups and app cards where you need the user to feel both cared for and taken seriously. It sits heavier than Creamy Strawberry without tipping into saccharine. Works particularly well in subscription interfaces and onboarding flows that skew slightly more luxe, skincare, sleep apps, premium fitness. The warmth keeps it approachable; the saturation keeps it from feeling like a compromise.
Pair it with warm neutrals or soft browns and it gains dimension. Against cool grays it reads as deliberately warm rather than washed out. The catch: it's dark enough that it can flatten in very small UI elements, test it at actual size before committing to buttons or badges.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.