Queen of Waves
#d2eaea
Seafoam gray with balanced coolness for calm UI
About Queen of Waves
I think of Queen of Waves as the gray you get after the first calm breath of a foggy morning, not the sharper chill of condensation. It sits in the same light range as Jet d'Eau and Castle in the Sky, but it feels more neutral and water-soft instead of distinctly mint-cyan. Compared with Mint Chip, it avoids that green-leaning whisper and stays steadier in the gray family.
On screens it reads like a gentle topcoat over UI, especially for dashboards and finance apps where you want clarity without the surface feeling too frosty. I use it for secondary panel backgrounds, document viewers, and forms in productivity and telecom products where the copy needs space to breathe but the gray shouldn't look tinted. It's also a good fit for editorial web layouts, where the background can be light yet never disappears.
Quick quirk: put it beside warmer off-whites and it holds its coolness cleanly. Next to very teal-adjacent grays, it looks less icy and more composed, which is exactly the point when you want "calm" without leaning into "chill."
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.
