Emperor Jade

#007b75

Deeper emperor teal for contrast, sharper than Ivy

Save
Share

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 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 does on warmer screens. This is the color you reach for when you want density and control in the same gesture.

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

On Gray 100 #f5f5f5

Aa
4.71:1AAAAA Large

On Gray 900 #18181b

Aa
3.45:1FailAA Large

On Black #000000

Aa
4.09: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

#277b74
#117777
#008080
#247e81

Create a gradient with Emperor Jade

Open the generator with this color pre-loaded.

Start creating