Cape Verde
#01554f
Dark blue-green for grounded sidebars and chart frames
About Cape Verde
Cape Verde reads almost black until you put it next to something lighter, then you realize it's actually a deeply saturated teal-blue that refuses to apologize for leaning green. It's the darkest thing in this cluster, darker than Abyssal Waters even, but where Abyssal Waters feels cold and authoritative, this one has warmth buried in it. That green undertone makes it feel less sterile, less like something from a medical database.
Reach for it in dark-mode dashboards, fintech platforms, and product UIs where you need an anchor color that doesn't flatten against charcoal or near-black backgrounds. White type pops against it cleanly. It pairs naturally with warm grays and off-whites in ways the cooler blues have to work harder to achieve. Navigation elements, data visualization containers, card backgrounds on dark surfaces, this is where it earns its weight.
Watch it on different displays. That green-leaning undertone can shift slightly depending on your screen temperature and what surrounds it. It won't veer as far as Beau Vert does, but it's not as stable as Abyssal Waters either. Test it early against your actual dark backgrounds.
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.