Cabbage

#87d7be

Fresh light mint-green divider for friendly, calming layouts

Save
Share

About Cabbage

Cabbage splits the difference between 's punch and 's restraint, but it does neither thing, it's got its own greener lean that both of those cooler siblings avoid. This is the turquoise that actually feels warm enough to land on a screen without looking clinical, but it's not trying to cozy up to you either. Just a solid mid-ground cyan with real presence.

Use it as a primary surface in health apps, fintech dashboards, and design systems where you need something that reads fresh without the edge that colder cyans bring. It works as accent color too, button states, hover layers, anything that needs to feel considered. Unlike Cold Blue's studied restraint or 's brightness, Cabbage has enough saturation and enough green in it that it won't flatten against warm grays or disappear on you. It's the one you reach for when you want actual color without actual aggression.

Pair it with dark charcoal and it holds. The green undertone keeps it from reading as pure clinical cyan, which means it plays better with warmer neutrals than its bluer neighbors. Test it early though, that green's subtle enough that different monitors will shift where it lands on the warmth spectrum.

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
1.68:1Fail

On Gray 100 #f5f5f5

Aa
1.54:1Fail

On Gray 900 #18181b

Aa
10.54:1AAA

On Black #000000

Aa
12.49:1AAA

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 Cabbage

Open the generator with this color pre-loaded.

Start creating