Evergreen

#125b49

Deeper evergreen teal for grounded, high-contrast UI

Save
Share

About Evergreen

Evergreen sits between 's aggressive teal and '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 or might. If you've been caught between "too saturated" and "too muted," this is the middle ground that actually performs.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
8.02:1AAA

On Gray 100 #f5f5f5

Aa
7.36:1AAA

On Gray 900 #18181b

Aa
2.21:1Fail

On Black #000000

Aa
2.62:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#01554f
#005f5b
#2a603b
#2e5c58
#2b5d34
#33534b

Create a gradient with Evergreen

Open the generator with this color pre-loaded.

Start creating