Leafy Woodland
#aabb11
Muted deep yellow-green for grounded botanical UI
About Leafy Woodland
I think of Leafy Woodland as the green you get after the sun passes through leaves, not the one that hits you like a sign. It's a medium-light green, but with a softer, more grounded feel than Citrus or Funky Frog. Where those shades lean sharper or more alert, this one sits a bit deeper in tone and less "signal-y," with a more woodland, olive-leaning undertone.
I reach for it when I want growth to feel natural and calm in dashboards and logistics maps, especially for operations views that need to stay readable on pale UI chrome. It also works well for inventory and agricultural management screens, where you want section headers, status chips, or map accents that feel alive without turning into neon. Compared to Lush Bamboo's more yellow-forward freshness, Leafy Woodland reads greener and more settled.
Pair it with warm off-whites, oak, or sand. If your background is very cool-gray, it can lose some of that leaf depth, so give it at least one warmer companion.
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.