Zen Garden Olive
#445533
Lighter, softer olive for calm, balanced layouts
About Zen Garden Olive
On my monitor, Zen Garden Olive feels like stepping out of bright light into a shaded courtyard wall: green, but softened into a slow, earthy calm. It's neither as deep and heavy as Heavy Green, nor as dulled and vegetable-muddy as Broccoli Green. And it doesn't go the slightly cooler, shade-leaf direction of Ficus. Where those skew toward bench-shadow or pantry-dark, this one reads more evenly balanced, with an olive-leaning undertone that stays tidy instead of drifting.
I reach for it when I need premium without brightness and hierarchy without flash on labels and packs that look at home next to stone, linen, or matte paper. It works well for heritage and natural product packaging where you want an organic backdrop, not a dark sink. In UI, it's strong for content panels, settings screens, and map legends inside dashboards and finance apps, especially when you want "grown" confidence rather than clinical green.
Quick quirk: pair it with warm off-whites and light woods, and keep it away from very cool grays, which can make the olive note feel a bit stark.
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.