Freeze Up

#dee9f4

Cooler, softer blue-gray for crisp, modern UI

Save
Share

About Freeze Up

Freeze Up sits between and , but it's got slightly more saturation than either one, enough that the blue doesn't hide, but not so much that it demands attention. It's that pale gray-blue you see in winter light before the snow actually falls, when the sky is still more gray than anything else. The kind of color that looks almost white until you put it next to something genuinely warm, and then you see it's been cool all along.

Use it for secondary surfaces in dashboards, design tools, and healthcare platforms where you need a touch more presence than gives you, but you're not going for 's committed cool. Form fields, disabled states, panel backgrounds, sidebar separations, the places where a background needs to feel intentional without stealing focus from content. It works harder than it looks because it's settled enough to disappear, but distinctive enough that you can actually build hierarchy with it.

The thing to watch: it's cooler than (which will read nearly neutral next to it), but warmer than . That makes it the bridge color, pair it with either side and it translates. Just don't expect it to sit calmly next to warm grays. The cool is there.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.23:1Fail

On Gray 100 #f5f5f5

Aa
1.13:1Fail

On Gray 900 #18181b

Aa
14.40:1AAA

On Black #000000

Aa
17.07:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Freeze Up

Open the generator with this color pre-loaded.

Start creating