Tree Hugger
#79774a
Lighter cool olive for airy, nature-led panels
About Tree Hugger
Tree Hugger looks like fresh leaves after a light rinse, but without the punch. It's a soft, muted green with a steady, mid-light value that keeps it from reading as either forest-dark like Capers-leaning neighbors or earthy, brown-forward like Crocodile Style. Compared with Greek Oregano and Bonsai, it feels less yellow and less clay-warm, so it doesn't drift toward herb-dried tones or olive-with-intent.
I use it when the page needs to feel botanical but controlled. It's great for seasonal food packaging, ingredient callouts, and brand CMS themes where you want backgrounds that don't fight photography. In UI, it holds up nicely in settings screens and table surfaces for agriculture, home goods, and makers who want a calm, lived-in tone without going gray-green.
Quirk to watch: because it's softer and not super saturated, it can flatten near very light creams and high-chroma accents. Give it a touch more contrast with darker type or a warmer off-white.
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.