White Frost
#dee6ec
Very light gray with cool blue hush
About White Frost
White Frost looks like the pale backing you see behind a sheet of printed specs, not a sheet of ice. It's a light gray that stays visibly gray, but it doesn't drift into the blue-glass feeling of a cooler tint, and it never goes as neutral as that near-disappearing "nothing to see" surface.
It's warmer than pure white, with a restrained, slightly softened undertone that keeps UI from feeling sterile. I use it when the light areas need structure without turning into mood: dashboards in healthcare and SaaS, table-heavy admin screens, and editorial layouts where headings and charts should read cleanly. Compared to Snow Blanket, this one has a steadier, more "ink-ready" presence, less of that gentle cool sheet. Compared to Bright Star, you'll actually notice it as gray once you place it next to true white.
Pair it with crisp cool grays or charcoal text if you need separation. If you put it next to obvious warm creams, it'll start to look flat rather than softly integrated.
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.