Sweet Dreams
#eccee5
Cooler, airy pale pink for soft backgrounds
About Sweet Dreams
I'm looking at Sweet Dreams next to Bubblegum Crisis and it's night and day: this one doesn't push forward. It's a pale, powdery pink with a cool-leaning softness that reads more like bedtime fabric than candy or arcade energy. Compared to Sugar High, it feels less creamy and more lightly dusted, so it doesn't hold that extra sweetness. And next to Scented Spring, it's cleaner and slightly more subdued, with less "left in daylight" liveliness.
For UI, I'd use Sweet Dreams when you need a soft, restful background that still feels distinctly pink. Think wellness and beauty apps, fashion e-comm category headers, email preference screens, and onboarding confirmation states where you want calm hierarchy without the retro bite. It also works as a "selected" card fill in media and lifestyle dashboards when you're pairing it with confident rose accents and readable dark text.
Quirk: because it's light and cool, it can feel a bit flat beside warmer pinks. If it looks too quiet, bring it back with a deeper berry or a warmer blush edge.
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.
