Sweet and Sassy
#e1c9d1
Rosy-soft, light gray with sweet warmth
About Sweet and Sassy
Sweet and Sassy looks like a pale blush-gray you'd get if someone softened a light rose and then dialed it back until it behaved like a neutral. Compared with Perfume Cloud, it's not as airy or silvery. Compared with Mega Metal Mecha, it's less steely and much gentler. And unlike Ephemeral Red, it doesn't carry that overt warmth, so it stays tidy instead of pinking up fast.
I reach for it in editorial layouts and product UI surfaces where you need separation without going chalky. It works in lifestyle apps and beauty and creative tools for onboarding panels, empty states, and light cards that need to feel friendly but not overly "pink." In practice, it's the one you reach for when the interface should look soft at a glance, yet still read as intentionally colored next to true whites.
Test it next to your coolest gray first. If your palette leans too cold, this shade can turn a touch dusty. If you need it warmer, keep accents in the taupe family rather than going straight into rose.
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.