Wave Splash
#cbe4e7
Cooler, softer cyan-gray for airy UI panels
About Wave Splash
I think of Wave Splash as what happens when a pale sea-glass gray gets just enough body to stop looking like "almost-white" UI. Compared to Melting Point, it feels a touch brighter and more air-forward, with a smoother, less settled cool. Against Northwind, it reads less like a sky-matte neutral and more like a gentle gray-blue veil.
I reach for it when I want Wave Splash-level lightness without that flat, washed-out look that can happen with very desaturated neighbors. It's a strong pick for dashboards and finance apps where secondary panels, table chrome, and document viewers need to feel clean but not sterile, and it holds up nicely in healthcare portals and legal tech back-office screens full of forms and dense text.
Quick quirk: because it leans cooler than warm grays, it pairs best with crisp off-whites or slightly warm borders so the whole layout stays balanced.
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.
