Vegetation
#5ccd97
Lush, balanced green with fresh leaf undertone
About Vegetation
I keep seeing Vegetation land on the underside of leaves after a light mist, where it looks grounded but still clean. Compared to Minted Elegance, it's less side-lit and less mint-cushioned, with more depth in the green itself. It also avoids Exhilarating Green's airy, sap-bright lift, and it doesn't go as frosted and diffused as Crystal Gem.
In UI work, I use Vegetation for screens where green needs to feel natural, planted, and steady. Think inventory or field-ops dashboards, logistics and sustainability reporting cards, and maintenance or compliance progress tiles in admin portals. It reads as the one you reach for when you want status chips that feel trustworthy, not playful, especially on dense layouts over soft neutrals.
Pair it carefully with very cool backgrounds. Vegetation won't shimmer the way Crystal Gem does, so if your surrounding blues are icy, let your neutrals skew slightly warmer to keep the hierarchy from feeling cool-leaning.
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.