Northwind
#cee5e9
Slightly warmer, calmer slate-gray for panels
About Northwind
Northwind looks like a pale sky caught in a glass matte. It's light, but it doesn't feel as airy and washed as Airy, and it doesn't have the clearer blue punch of Inuit Blue. The key difference I notice on a screen is its gray-family neutrality with a soft, cool cast, so it lands more grounded than Castle in the Sky while still staying crisp.
I use it when the UI needs breathing-room surfaces that won't read as flat. Think dashboards and healthcare interfaces where panels, form backgrounds, and settings shells should feel clean and calm, not sterile. It's also solid for editorial layouts that need large whitespace without the "almost-white" disappearance.
One thing to watch: because it's not as desaturated as Airy and not as blue-forward as Inuit Blue, Northwind holds onto presence next to very warm grays. If your typography or accents are leaning amber, you may see the whole system tilt cooler than you intended, so tune the supporting neutrals accordingly.
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.