Misty Haze
#cec9c3
Soft warm-gray haze for calm panels and cards
About Misty Haze
I keep noticing Misty Haze when I'm staring at a white UI mock and it still feels slightly too crisp. This one lands between chalky gray and soft fog, with a light, muted presence that doesn't lean beige, doesn't go blue-gray, and never turns into the warm "paper" look.
Compared to Argento, it has more atmospheric softness instead of that flatter, chalk-resting surface. Versus Blowing Smoke, it's not quite as weightless and "disappearing," so it gives layout edges a little more structure without adding temperature drift. And unlike Crumbling Statue, it reads a touch more airy and polished, with less of that austere, matter-of-fact dryness.
I use it for long-form editorial, SaaS dashboards, and content platforms where you want calm separation behind text-heavy modules. It also behaves well in reporting views, account history screens, and admin panels that sit under photos without stealing attention. Pair it with cool blacks or near-neutrals, and keep saturated warms restrained so the gray stays the one you reach for when you need steadiness, not comfort.
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.