Rosecco
#eebbdd
Muted blush lavender for soft secondary UI panels
About Rosecco
Rosecco looks like the blush end of a strawberry soda, but it's been softened by light cotton rather than turned dusty. Compared to Starlet Pink's clearer, thicker "skin close" blush, Rosecco comes across more misty and lighter, with less go-for-it warmth. It also avoids Pretty in Pink's slightly cool, airy confidence, reading instead as warmer and gentler at the same time.
I use Rosecco when the UI needs a light, rosy foundation that won't compete with photos. Think skincare and haircare product detail pages, subscription plan tiles, and small gallery controls where you want the highlight to feel friendly, not loud. It's a good fit for commerce email headers and mobile onboarding where you need friendly, low-pressure accents across buttons and section dividers.
The separation from Blackberry Yoghurt is the big tell: Rosecco has less medium-tone restraint and more glow, so it reads as airy first, medium second. Pair it with cream or sand neutrals, or it can flatten against very pale backgrounds.
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.