Wind Blown
#dde3e7
Soft neutral gray with airy, windlike coolness
About Wind Blown
Paint a white header area and then stack a few lines of gray UI text over it. Wind Blown sits in that "almost airy" zone: it's light enough to feel like a soft field, but it doesn't float away into the near-invisible neutrality of Bright Star. Compared to Snow Blanket, it reads a touch more subdued and slightly less cool, with a whisper of gray that stays visibly present, not glassy-blue.
I use it when you need light surfaces that still hold structure: dashboards in logistics and operations where tables, filters, and panel frames have to stay readable at a glance, plus finance admin screens that need calm backgrounds without drifting toward icy tint. It's also the one you reach for when editorial layouts want breathing room behind pull quotes and charts, and the light gray needs to look steady next to white.
Pair it with crisp cool grays or charcoal type so the hierarchy lands. If you put it next to warmer creams, it can start to feel flat rather than softly integrated.
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.