Underclover
#428c49
Deeper, slightly warm green for emphasis blocks
About Underclover
Underclover looks like a clover patch that's been living in shade, not the bright, freshly watered lawn feel of Lush Grass. It's deeper and more settled, with a richer green core and a slightly cooler undertone that keeps it from slipping toward May Green's lighter, cleaner brightness. Compared to Fern, it reads less soft and leaf-calm, more anchored and weighty, like it's holding its ground.
In UI, this is the green you reach for when you want status and categories to feel consistent across dense screens without turning mossy. I've used it for fleet and agtech dashboards where progress needs to stay legible over off-whites, plus section accents in field-service portals and ingredient-heavy product pages. It also works well in map legends and filter chips when you want green to feel "grown" but not muted.
Pair it with warm neutrals if you're building a dark theme, since it can feel a touch too steady next to very cool teals. Near May Green or Lush Grass, it's the one that adds depth instead of brightness.
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.