Dark Cyan
#008b8b
Blue-leaning teal for crisp, high-contrast UI
About Dark Cyan
Dark Cyan is what you get when you strip the warmth away. It's colder than Green Dynasty, colder than Cruising, a true blue-green hybrid that sits deeper in saturation without any of that green apology underneath. It's the one I reach for when the interface needs to feel calm and authoritative at the same time, not friendly.
You'll land it in healthcare dashboards, data platforms, and fintech products where precision matters more than personality. Primary buttons, active states, key data highlights, it reads darker and more decisive than Bermuda, so it works hard on light backgrounds without needing to shout. It won't drift warm on display drift the way lighter teals do. Pair it tight with white and mid-tone grays; the saturation keeps it from feeling washed out even when you're working against busy layouts.
The trade-off: it's the furthest from actual green in this cluster, which means it can feel sterile if you're not careful. Test it early next to your type to make sure it's not reading too cold for the mood you're after.
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.