Green Sleeves
#39766c
Lighter muted teal for balanced, softer blue-green blocks
About Green Sleeves
Green Sleeves sits between the darkness of Emperor Jade 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 Go Go Green, 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 Emperor Jade or Emerald Whispers 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.
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.