Polar Bear
#eae9e0
Brighter cool gray for clean, airy layouts
About Polar Bear
I keep Polar Bear for those moments when you want the background to feel daylight-soft, not paper-bright. It's a light gray that reads warmer and more neutral than Gin Tonic, and it doesn't drift toward the toast-like tint of Morning Bread. Compared to Salted, it's a touch clearer and less envelope-worn, so it feels more like clean diffusion than softened residue.
On real screens, it's the pale base I reach for in property and hospitality interfaces where you need calm without losing crisp hierarchy: room cards, fare breakdowns, confirmation pages, and the quiet bands behind navigation. It also works well for editorial grids where large areas of type need breathing room, especially in layout systems that pair black UI text with gentle gray panels. It sits less muted than Salted, so it holds up when you add subtle shadows and borders.
Quick pairing note: if you go heavy on buttery yellows, Polar Bear can turn slightly cloudy. Cooler accents keep it crisp and steady.
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.