Lush Garden
#008811
Deep, slightly blue-leaning garden green for calm UI
About Lush Garden
This shade always reads like clipped leaves in the shade of a greenhouse frame: green-forward, but noticeably darker than the crisp "cut pepper" look. Lush Garden feels more saturated than Fine Pine while staying softer at the edges, not needle-sharp. Compared to Asian Spice, it doesn't pull toward muddy earth; it stays cleaner and more consistently green.
I reach for Lush Garden when I want "active" to feel confident without the high-key pop of Green Bell Pepper. It works in status tags, approvals, and routing states across logistics dashboards, maintenance consoles, and QC screens where users scan fast through tables, pill filters, and icon rows. It also holds up in product media tiles and CMS image grids, especially when the rest of the UI is mid-tone gray.
Quirk: put it next to warm creams and it can look a touch greener than you intended, so I prefer neutral cool off-whites or soft gray to keep the intent locked.
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.
