Cryo Freeze
#ddece0
Icy pale gray for frosted, modern UI surfaces
About Cryo Freeze
Cryo Freeze is the gray that lands somewhere between invisible and intentional. It's slightly warmer and more saturated than Clair de Lune, but it doesn't have Distant Cloud's settled, middle-ground feeling. There's a faint cool undertone that keeps it from reading as beige, but it's subdued enough that most people won't name it unless you point it out. It's the gray you pick when you want presence without announcement.
Reach for it on light mode dashboards in fintech and SaaS, form backgrounds, secondary panels, disabled states, anywhere you need something that holds structure without stealing focus. It's got more backbone than Frozen Civilization's almost-tinted approach, so it won't fade into the woodwork in dense layouts. Photography sits cleanly against it. Type breathes. It works especially well when you're building from a darker or more saturated foundation and need a recessed layer that still reads as deliberate.
Pair it with cool neutrals and soft blues. The difference from those nearby cousins: it's denser than Clair de Lune, warmer than Frozen Civilization, and less neutral than Distant Cloud. That middle-ground positioning is its strength, but it also means it needs real contrast partners to earn its place in a layout.
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.