Bath Water

#88eeee

Save

About Bath Water

Bath Water sits in that middle ground where it stops trying so hard. It's softer and less saturated than Alpine or Aggressive Aqua, the kind of cyan that doesn't demand you look at it, but you'll keep coming back because it's actually comfortable to spend time with. There's still light in it, still that cool blue-green backbone, but the intensity has backed off enough that it feels less like a tool and more like a color you chose.

This is the one for interfaces where you want presence without aggression: health dashboards where the tone matters as much as the data, design systems that need a secondary cyan that won't compete with darker accents, soft UI backgrounds that still carry enough signal to separate zones. It pairs better with warmer neutrals and actual textures than the brighter cyans do, you won't get that digital harshness. Unlike Arctic Water or Aggressive Aqua, this one doesn't live in alerting or real-time monitoring; it's not built for urgency.

The thing is, that gentleness means you need to be deliberate with contrast. It can disappear on light backgrounds or next to anything already pale. Put it over dark gray or navy, or let it breathe as a surface color on its own.

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 Bath Water

Open the generator with this color pre-loaded.

Start creating