Leafy Greens
#80bb66
Medium, balanced green for charts needing lift and calm
About Leafy Greens
Leafy Greens is the green you notice on a fresh sprig that's been sitting in indirect light. It's lighter than Broccoli and feels less "cash warm" than Dollar Bill, but it also avoids Bud Green's gentler, more restrained balance. Compared to Makin It Rain, it reads drier and leafier, with a calmer, slightly earthy undertone instead of that wet-growth coolness.
I use this for dashboards and finance apps when the status needs to look plant-real rather than ledger-real. It also shows up well in ecommerce and inventory workflows for "in stock" states, category headers, and progress chips where you want clear momentum without tipping into teal. the one you reach for when your UI has lots of white or light gray surfaces and you want the green to feel clean, not muted.
Quirk: it can look a bit too soft next to very yellow greens, so I'll usually anchor it with neutral stone grays or a touch of cooler slate.
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.
