Cabbage
#87d7be
Fresh light mint-green divider for friendly, calming layouts
About Cabbage
Cabbage splits the difference between Bambino's punch and Beach Glass'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 Bambino'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.
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.