Clear Water
#aad5db
Lighter, calmer water-blue for subtle backgrounds and gutters
About Clear Water
Clear Water sits between whisper and presence. It's got enough blue in it to feel deliberate, but it won't compete with anything else on the screen, there's a softness here that neither Blizzard Blue's restraint nor Aqua Fiesta's saturation can claim. The saturation is slightly warmer and more grounded than Blizzard, which means it reads less clinical. It's also noticeably less saturated than Aqua Fiesta, so it won't steal focus when you need it to behave.
This is the one I reach for in product dashboards, fintech apps, and health interfaces where you're building secondary surfaces that have to anchor without shouting. Card backgrounds, subtle dividers, the breathing room behind form fields or onboarding steps. It pairs clean with dark slate or navy, stays true across different monitor temperatures, and won't ghost out next to mid-tone text the way paler blues sometimes do.
The trade-off: it needs decent contrast to hold its own. Throw it behind dark charcoal type and it reads solid. Pair it with something warm-gray and you've got presence. Treat it like the quiet anchor it is, and it works harder than it looks.
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.