Elf
#1b8a6b
Deeper muted blue-green for grounded UI panels
About Elf
Elf splits the difference. It's got enough green in it to feel approachable, warmer than Dark Cyan, less apologetic about it than Go Go Green, but it doesn't fully commit to the green side the way Green Dynasty does. You get a teal that breathes without feeling cold, sits darker than the lighter options, and actually holds itself together across monitor drift.
Reach for it in health apps, productivity dashboards, and fintech where you need something that reads both calm and present at once. Primary buttons, active states, navigation highlights, it works harder on light backgrounds than Green Dynasty but stays more grounded than Dark Cyan. The saturation keeps it from washing out next to type, and it pairs tight with charcoal and mid-tone grays without needing perfect conditions.
It's the color that doesn't force you to choose between personality and precision. Test it early against your type weights to confirm the mood lands where you want it, especially if your backgrounds skew warm. On cooler displays it'll stay steady; on warmer ones it might shift slightly greener. Either way, it's the honest choice in this cluster.
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.