Viridian
#1e9167
Cool, saturated teal-green for crisp accents
About Viridian
Viridian lands right in that sweet spot where green feels "alive" but doesn't get minty. It has a richer, more even body than Eucalyptus, with less of that yellow-leaning fuzz. Compared to Center Field, it's not as dark and heavy, so it reads lighter on the page without turning into a washed success green.
For me this is the go-to when UI needs deep, balanced green that holds its composure across states. Think dashboards and finance apps, fleet and logistics maps, subscription status chips, warehouse admin panels, and any product screen where you want the signal to feel confident but not alert. Put it next to Viridian-adjacent neutrals and it stays focused, unlike Illuminati Green which can feel slightly more controlled and ink-like.
One quirk: it can look a touch cooler than you expect next to warm browns. I usually pair it with cool grays or neutral charcoals to keep it grounded.
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.
