Cousteau
#55a9d6
Soft, airy ocean blue with gray-cool calm
About Cousteau
Cousteau sits noticeably lighter than Blue Martini and Acapulco Dive, which means it reads faster on white and doesn't need as much breathing room to feel clean. It's less saturated than its neighbors, so it doesn't carry that punch they do, but that's the point. This is the blue that recedes just enough to let other elements breathe while still holding its own.
Reach for this in health dashboards, SaaS products, and fintech interfaces where you need secondary accents that don't compete. Icon fills, disabled states, subtle divider lines, link text on light backgrounds. It does the support work without asking for attention. Pair it with mid-tone text and it disappears into the hierarchy the way you want it to. Pair it with dark text and it's clear without being loud.
The trade-off: it won't anchor a layout the way Blue Martini will, and it's cooler and slightly more withdrawn than Acapulco Dive. On cooler monitors it stays true. On warmer displays it drifts toward teal, which actually helps it blend better into busy layouts. Worth testing early against your actual interface grays.
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.