Super Rare Jade

#14bab4

Soft, saturated jade-teal for focused blue sections

Save
Share

About Super Rare Jade

Super Rare Jade looks like a polished jade stone under a bright, cool window, not a neon teal flash. Compared with the nearby lighter, more cyan-leaning accents, this one reads more grounded and "gemmy," with a higher sense of body and a calmer saturation. It's also cooler and less green-warm than , so it doesn't tip toward that living mint feel.

I use it for accent layers and secondary button states when the UI needs clarity without feeling airy like . It's a great fit for settings screens, inline tags, and data cards in health and fintech products where you want feedback that feels precise and steady. It also holds up nicely over muted surfaces because the undertone stays blue-first, not sun-warmed.

One quirk: on very warm backgrounds, it can lose some of its jade depth and start reading flatter. Pair it with crisp blues or cool grays so it keeps that "cut stone" presence.

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
2.41:1Fail

On Gray 100 #f5f5f5

Aa
2.21:1Fail

On Gray 900 #18181b

Aa
7.35:1AAA

On Black #000000

Aa
8.71:1AAA

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 Super Rare Jade

Open the generator with this color pre-loaded.

Start creating