Catch the Wave

#b5dcd8

Lighter, desaturated seafoam blue with gentle green tint

Save
Share

About Catch the Wave

Catch the is the one that actually sits in the middle without feeling like a compromise. It's lighter and cooler than , but it doesn't pull back into that muted technical register lives in. There's real color here, you can see it's teal, not just a whisper of one, but it stays approachable instead of announcing itself. The kind of shade that works because it knows exactly what it is.

This lands naturally in product dashboards, wellness interfaces, and light-mode design systems where you need something calm that doesn't read as clinical. It's got enough presence to work as a primary surface without needing darker anchors to prove itself, but it won't fight for attention either. Unlike Antiguan, which softens toward green and demands breathing room, Catch the has just enough saturation to feel intentional on tighter layouts.

Pair it with warm neutrals or lean into it alone, it doesn't need much company. The catch is screens will shift it slightly cooler or warmer depending on calibration, so test early if you're layering it with something equally desaturated. It's the shade that bridges calm and presence without pretending to be either one exclusively.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.48:1Fail

On Gray 100 #f5f5f5

Aa
1.36:1Fail

On Gray 900 #18181b

Aa
11.97:1AAA

On Black #000000

Aa
14.19:1AAA

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

Community palettes

Published palettes that include this color.

Similar colors

#bddfd8
#aee0e4
#b8e0d0
#b3e2d3
#bee0e2
#afe3d6

Create a gradient with Catch the Wave

Open the generator with this color pre-loaded.

Start creating