Calm Waters

#e7fafa

Save

About Calm Waters

Calm Waters is what happens when you strip back the cyan whisper that Bubbles leans on, then pull back even further from the near-white austerity of Cold White. It's softer than both, there's actual warmth lurking underneath, enough that it doesn't read as clinical or deliberately cool. On a dark background, it reads like a color choice made by someone who knows what they're doing, not just the path of least resistance.

Reach for it in healthcare interfaces, financial dashboards, and content-heavy SaaS products where you need backgrounds that feel approachable but not warm. It works for body text in dark mode, form fields, secondary UI layers, anywhere the background should support the work without disappearing or feeling cold. The slight warmth keeps it from the washed-out quality Cold White can get when your contrast isn't perfectly calibrated, while still sitting firmly in cool territory.

The thing: this one pairs better with warm-leaning grays than its siblings do. Pair it with cream neutrals and it won't fight. Keep it away from pure cyan undertones though, it'll look muddy fast.

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 Calm Waters

Open the generator with this color pre-loaded.

Start creating