Cape Verde

#01554f

Dark blue-green for grounded sidebars and chart frames

Save
Share

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 even, but where 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 does, but it's not as stable as either. Test it early against your actual dark backgrounds.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
8.70:1AAA

On Gray 100 #f5f5f5

Aa
7.98:1AAA

On Gray 900 #18181b

Aa
2.04:1Fail

On Black #000000

Aa
2.41:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Cape Verde

Open the generator with this color pre-loaded.

Start creating