Evergreen
#125b49
Deeper evergreen teal for grounded, high-contrast UI
About Evergreen
Evergreen sits between Cape Verde's aggressive teal and Enchanting Ivy's quiet restraint, it's the one that actually looks like a color you chose, not something that happened to land in your palette. It's lighter and less saturated than both neighbors, which means it reads as more approachable without losing any authority. You see it on screen and it just works.
Reach for it in product dashboards, fintech platforms, and healthcare UIs where you need something that anchors without demanding all the attention. It pairs cleanly with white type, doesn't flatten on warm displays, and it won't shift the way its more saturated cousins do. Navigation elements, card backgrounds, primary states, it handles the workload without drama.
The real advantage here: it's stable enough to stand alone but collaborative enough to sit beside supporting colors without ego. It won't veer or shimmer depending on what surrounds it the way Cape Verde or Beau Vert might. If you've been caught between "too saturated" and "too muted," this is the middle ground that actually performs.
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.