Dolphin
#86c4da
Brighter, warmer cyan blue for crisp highlights
About Dolphin
Dolphin sits where blue actually commits. It's got real saturation, enough that you're not squinting at your monitor wondering if it's gray, but it stops short of being bold. Where Airborne floats and Below Zero plants itself with intention, this one leans warmer and slightly more saturated without crossing into teal territory the way Aquatic does.
You'll land here in product interfaces, health apps, and fintech dashboards where you need a secondary surface that feels alive but doesn't steal focus. Card backgrounds, hover states, subtle section dividers. It reads as confident color without the weight of something darker, which means it works in layouts that need breathing room but can't afford to feel passive. Unlike Below Zero's clinical coolness, Dolphin has enough warmth to feel approachable. Unlike Aquatic's monitor-dependent shifts, it stays put.
Pair it with dark charcoal or navy and the contrast lands clean. It's the kind of blue that actually performs better on warmer displays, where it stays blue instead of sliding toward gray, so if your users skew toward standard office monitors, you've got an ally.
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.