Cold White

#edfcfb

Cool, slightly bluish near-white for airy UI headers

Save
Share

About Cold White

Cold White sits between and , but it lands differently. It's got the restraint of both, no warmth, no drama, but it's also the lightest thing in the cool gray family. You notice the difference most when you're stacking it against near-whites: this one has almost nothing left to give, which is exactly why it works.

Reach for it in healthcare dashboards, financial platforms, and dense data interfaces where background needs to recede completely. It's the choice for body text in dark mode when you want maximum legibility without the harshness of pure white, or for form fields and input states where the UI itself should disappear. The paleness keeps it from reading as a deliberate color choice, it just looks like the absence of darkness, which is the whole point.

The thing to watch: because it's so close to white, it can feel slightly washed out if your dark background isn't actually dark. Test it at the contrast ratios you're actually shipping with, not theoretical ones. Keep it locked to cooler neutrals in your palette, and it'll read like a system built on intention.

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

On Gray 100 #f5f5f5

Aa
1.03:1Fail

On Gray 900 #18181b

Aa
16.80:1AAA

On Black #000000

Aa
19.92: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 Cold White

Open the generator with this color pre-loaded.

Start creating