Silken Jade

#11a39e

Muted, jade-leaning teal for cooler accents and cards

Save
Share

About Silken Jade

Silken Jade sits between sea-glass calm and control-room teal. On a mockup it reads softer and more muted than , and less forward than . The undertone leans slightly green, so it doesn't feel like a flat cyan accent. What I notice most is how it holds clarity without looking "pressed" into the background.

I'd use Silken Jade for places where you need action and status, but you don't want the color to feel loud: interactive tiles in dashboards and finance apps, inline progress or "in review" states in health platforms, and accent strokes for key fields in SaaS tables. Compared to , it carries a touch more depth and stays steadier around teal-gray UI chrome, while still feeling cooler than the warmer members in the family. It's the one you reach for when the interface needs momentum, not emphasis.

Quirk: on warmer screens it can drift more olive-green, so pair it with crisp dark charcoal text and test your primary button states early.

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
3.11:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.85:1Fail

On Gray 900 #18181b

Aa
5.70:1AAAAA Large

On Black #000000

Aa
6.76:1AAAAA 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

#279d9f
#3c9992
#46a795
#4b9b93
#259797
#00af9f

Create a gradient with Silken Jade

Open the generator with this color pre-loaded.

Start creating