Four Leaf Clover
#738f5d
Drier, balanced leafy green for clear content bands
About Four Leaf Clover
Four Leaf Clover looks like fresh leaf tone that's been pulled just back from the spotlight. Compared with Crispy Crunch, it's less openly saturated and more moderated, so it doesn't feel like it's "popping" off the screen. And versus Bavarian Green's warm olive authority, this one leans cooler and slightly duller, with a softer green-gray undertone.
I use it when the UI needs to feel grounded, not loud. Think sustainability reporting and environmental monitoring views, clinical or wellness content panels, and the kind of editorial layouts where green should read steady behind charts and labels. It's calm but not lifeless, and that balance is the one you reach for when other greens either fatigue (too gray) or demand attention (too bold). Pair it with crisp off-white, slate, and medium-warm wood tones for a clean, natural rhythm.
Quirk: at small sizes it can read a touch more muted than you expect, so it's worth testing with your real text weight and icon color before you commit to full sections.
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.