Green Sleeves

#39766c

Lighter muted teal for balanced, softer blue-green blocks

Save
Share

About Green Sleeves

Green Sleeves sits between the darkness of and the restraint of Diver's Eden, but it's doing something neither of them does: it's actually readable as green. Not green-arguing-for-attention like , and not blue-with-hints-of-green like the deeper teals. It's unapologetically warm enough to land as a blue-green, the kind of color that works harder than it looks because it doesn't need to shout to be seen.

You'll reach for this in health platforms, fintech dashboards, and data interfaces where the UI needs to feel trustworthy without reading cold or clinical. Active states, primary buttons, key highlights, it carries enough saturation to hold weight without the density that makes or feel heavy. It reads present but approachable, the middle ground when darker teals feel too serious and lighter ones start to fade.

The real test: it'll shift slightly toward blue on cooler displays and pull greener on warmer ones, so test it early against your actual backgrounds. Pairs tight with white and light neutrals, won't wash out next to your type. It's the one you reach for when you want the teal family's credibility with a touch more warmth.

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
5.27:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.84:1AAAAA Large

On Gray 900 #18181b

Aa
3.36:1FailAA Large

On Black #000000

Aa
3.98:1FailAA Large

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

Create a gradient with Green Sleeves

Open the generator with this color pre-loaded.

Start creating