Savage Garden
#5c9f59
Lighter, cooler green for airy UI highlights
About Savage Garden
Savage Garden looks like a healthy hedge in late morning shade, with enough saturation to read clearly but not enough brightness to feel stoplight-loud. Compared to Muted Green, it's less gray-earth and more confidently green. Compared to Golf Course, it's a touch richer and slightly more grounded, not quite as crisp or mown-clean. Compared to Endo, it feels a bit deeper and calmer, with less "actionable" neutrality and more color depth.
I use it for field dashboards and operational callouts when you want status to feel alive yet controlled. It's especially good in logistics platforms for shipment-stage chips, in construction admin for inspection and punch-list states, and in property management portals for asset conditions. It also holds up well in charts where you need the green to stay readable without turning yellowish under common UI lighting, and it plays nicely with cool off-whites or pale concrete so the shade doesn't get heavy.
One quirk: if you pair it with very warm creams, the green can start to look more "forest" than "fresh," so I usually keep neutrals on the cooler side.
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.