Polar Wind
#b4dfed
Crisp, airy sky blue for primary UI surfaces
About Polar Wind
On my screen, Polar Wind reads like a pale blue that has real air in it, not that slightly gray haze you get from near-white headers. It's cooler than Lady-In-Waiting, but it never goes as icy as Break the Ice, so it feels clean without tipping into sterile. Compared to Distant Homeworld, it's less saturated and more restrained, more "soft weather" than "noticeable blue."
I use it as a secondary background when the UI needs calm but still wants to look like blue, not faded paper. It works in SaaS settings pages, onboarding steps, and card surfaces in dashboards and finance apps where you want readability to stay steady. Pair it with charcoal or navy and it holds its cool tone; pair it with warmer neutrals and it stays crisp without looking like a cast.
Quirk: on very cool displays it can lean slightly toward washed cyan, so keep text a touch gray-based rather than blue-tinted and it stays anchored.
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.