Savage Garden

#5c9f59

Lighter, cooler green for airy UI highlights

Save
Share

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 , it's less gray-earth and more confidently green. Compared to , it's a touch richer and slightly more grounded, not quite as crisp or mown-clean. Compared to , 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.

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
3.20:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.94:1Fail

On Gray 900 #18181b

Aa
5.53:1AAAAA Large

On Black #000000

Aa
6.56:1AAAAA Large

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

#5da464
#749e4e

Create a gradient with Savage Garden

Open the generator with this color pre-loaded.

Start creating