Emperor Jade
#007b75
Deeper emperor teal for contrast, sharper than Ivy
About Emperor Jade
Emperor Jade is the deepest thing in this teal family, it barely whispers, it just sits there and works. Where Emerald Whispers and Go Go Green are still negotiating with their surroundings, this one has already made its decision. It's saturated enough to read as intentional, but so dark it doesn't broadcast itself. The blue undertone is genuine here, not a compromise; there's almost no green arguing for attention.
You'll find it doing the heavy lifting in fintech dashboards, healthcare interfaces, and data platforms where the design needs authority without drama. Active states, primary buttons, key data highlights. It pairs tight with white and light neutrals because the darkness creates contrast that actually reads, it won't thin out or wash away the way lighter teals can. Test it early on your darkest backgrounds though. It's less forgiving than Diver's Eden when you're fighting a low-contrast situation, and it won't shift toward green the way Go Go Green does on warmer screens. This is the color you reach for when you want density and control in the same gesture.
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.