Secret Blush
#e1d2d5
Soft pink-tinted gray for gentle callouts
About Secret Blush
I keep noticing how Secret Blush never fully disappears the way the lighter pink-greys do. It sits in that sweet spot where the surface reads soft and warm-gray instead of drifting either toward the near-white hush of Frozen Mammoth or the more purely gray cast of Forgotten Mosque.
Compared to Mega Metal Mecha, it's less steely and less engineered-looking. Secret Blush feels gentler, with a slightly muted blush undertone that shows up most in UI chrome and typography blocks. I reach for it in health and wellness portals, HR admin pages, and marketing landing layouts that need calm without going fully neutral. It's also handy for light-mode cards, form backgrounds, and section dividers where you want warmer than pure white without committing to obvious pink.
One thing to watch: on very high-contrast themes it can read a touch more rose than expected, so test it next to your deepest gray and your primary button color before you roll it everywhere.
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.