Clear Water

#aad5db

Save

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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Create a gradient with Clear Water

Open the generator with this color pre-loaded.

Start creating