Snow Blanket

#dde3e8

Nearly neutral mist gray for gentle UI backgrounds

Save
Share

About Snow Blanket

Snow Blanket reads like a clean sheet of office glass in morning light. It's extremely light and gently cool, but it doesn't carry the blue "mist" feeling of and it doesn't behave like the almost-vanish neutrality of . It's warmer than pure white, yet the gray still lands solidly gray, not paper and not icy.

I use the one you reach for when you need light panels to hold their shape in real product UI: SaaS tables with lots of hierarchy, healthcare dashboards where you want soft separation, and editorial interfaces that need background structure without adding mood. Compared to , it has less visible tint, so it won't shout blue into form fields. Instead, it stays a calm light surface with a little more presence than .

Pair it with medium cool grays or crisp near-black type. Add warm grays and it will start to look dull rather than blended.

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.29:1Fail

On Gray 100 #f5f5f5

Aa
1.19:1Fail

On Gray 900 #18181b

Aa
13.69:1AAA

On Black #000000

Aa
16.23: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

#dde3e7
#dae3e7
#dce3e4
#d8e4e7
#dae6e9
#dae4ee

Create a gradient with Snow Blanket

Open the generator with this color pre-loaded.

Start creating