Lush Grass
#468d45
Bright, cool, airy green for optimistic highlights
About Lush Grass
On my screen, Lush Grass feels like the bright green you catch on a new patch of lawn right after it's been watered, not the deeper leaf tones. It's greener and a bit more open in lightness than Fern, so it doesn't settle into that softer, mid-range foliage vibe. Compared with May Green, it has more depth and less "early-spring wash," and it reads more balanced than Indica, which sits steadier and slightly more cultivated.
I reach for Lush Grass when you want a UI green that stays fresh without tipping yellow or going mossy. It's great for status and progress labels in field-service tools, map legends for parks and trail systems, and section accents on agtech product pages where herbs and growth imagery are doing real work. It also holds up in chips, toggles, and data filters on dashboards and editorial motion frames.
Quick pairing note: keep it away from very cool teals in dark themes, or it can start looking a touch sharp next to them. With warm neutrals, it feels grounded and clean.
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.