Polar
#e5f2e7
Very light gray-green for soft, clean spacing
About Polar
I keep Polar in the back pocket of my neutrals. On a white mockup it looks like a soft gray first, but next to Bath Bubbles or Frozen Civilization it shows its true hand: a cooler, more understated tint with a gray core that stays calm.
Where Bath Bubbles leans greener and more present, Polar holds its lightness without turning into a tinted green wash. Compared with Frozen Civilization, it's brighter and less desaturated, so it won't disappear in wide panels. I use it for light mode UI across dashboards and finance apps, analytics landing pages, and editorial sites where you want breathing room but still need form controls to feel crisp. It's the kind of background that makes thin borders and secondary text behave.
Pair it with cool grays and crisp typography; if you put it next to Polar-adjacent pale greens, the difference gets muddy fast. Keep an eye on screens where your whites are already cool, since Polar can read flatter there than you expect.
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.