Cold White
#edfcfb
Cool, slightly bluish near-white for airy UI headers
About Cold White
Cold White sits between Bubbles and Polar Bear, 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.
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.