Whispery Breeze
#d6e9e6
Soft gray-teal for airy panels, cooler than breath
About Whispery Breeze
On my screen, Whispery Breeze reads like a pale gray that never quite feels blue or green. It's lighter and more softly muted than Second Wind, with less warmth in the undertone and more of a clean, airy gray backbone. Compared with Icelandic Winter, it's not as crisp or frost-leaning, so it won't sharpen your layout. And unlike Tropical Dream, it doesn't keep that paper-like gray steadiness with a warmer, slightly green tint. This one sits flatter and calmer, more "quiet background" than "light weather."
For light-mode UI, I use it when you want calm that stays readable behind controls, but you don't want the slight discipline and cool edge Icelandic Winter can bring. It's a strong fit for healthcare portals, patient intake forms, and admin panels where disabled states need to look intentional, not drift into bluish neutrality. I also like it for dashboards and finance apps where charts and typography should lead, and the page shouldn't feel either too warm or too cool.
Quirk: pair it with crisp separators. On slightly textured content, it can blend in more than the other grays and make spacing feel less deliberate, so lean on contrast for structure.
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.