Ahoy! Blue
#0082a1
Bright ocean teal for crisp, active layouts
About Ahoy! Blue
Ahoy! Blue lands closer to true blue than Cruising does, less teal creeping in, more direct and saturated. It's got backbone without the darkness that makes Corfu Waters demand so much contrast breathing room. This is the shade that actually holds steady on screen instead of drifting with display temperature.
Reach for it in fintech dashboards, healthcare platforms, SaaS products where you need a primary action that feels trustworthy but not stern. Active buttons, navigation highlights, key metrics. It reads smarter than Blue Moon's warmer restraint, and it won't feel clinical the way cooler teals sometimes do. There's intention baked in without the aggression.
It'll play nice with white space and hold its own against mid-tone grays once you test. The saturation means it works harder than a lighter blue to grab attention, so don't bury it on busy backgrounds. Pair it with dark type and give it room to work.
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.