Clover
#008f00
Bright true green for clover-green callouts
About Clover
Clover sits darker and more serious than its neighbors. Where Always Greener Grass reads as optimistic brightness and Botanical Garden commits to earthy presence, this one leans into depth, it's the green that actually disappears into itself. There's saturation here, real pigment, but it doesn't shout. It's almost austere.
You'll hit this in security dashboards, enterprise apps, and high-trust interfaces where green needs to feel authoritative, not cheerful. Dark mode design systems, accessibility-first products, anywhere the user is managing something serious. It reads clean on light backgrounds without the clinical coldness that pure forest greens bring, and it actually gains credibility on darker surfaces instead of washing out. Against black or charcoal it settles into place like it was always meant to be there.
The trade-off: it won't catch the eye the way Bulma Hair or Always Greener Grass will. Pair it with cool neutrals and it locks in immediately. Push it next to warm grays or cream and it can read slightly cold, so know your context first. This is the one when you need green that doesn't need to convince anyone of anything.
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.