UI Shades

A study in teal

Dark Turquoise

#00CED1

Family
Teal
L
0.772
C
0.131
H
197°

Notes

Dark Turquoise is the saturated mid-cyan of swimming-pool tiles and turquoise jewelry. The CSS hex is brighter than the actual mineral, sitting closer to a fluorescent aqua. Travel, beauty, and wellness brands use it as a fresh primary; it carries strong tropical and aquatic associations across cultures. Cream alongside gives a beach palette; deep navy adds tonal depth. Hero sections suit large-area use - full-saturation turquoise can vibrate against white at smaller sizes. Body text contrast against white falls below AA at every size; the value works as a surface or button color only, not as text.

#01ced1
Closest named color: Dark Turquoise
#01ced1
oklch(0.772 0.131 196.65)
rgb(1 206 209)
hsl(180.9 99% 41.2%)
Share
#e8ffff
#d5fdfe
#a8f6f6
#6febed
#01ced1
#00a2a5
#008689
#006f71
#005153
#003739
#001e1f

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Dark Turquoise

Cross-reference
Q&A

Frequently asked questions

What is Dark Turquoise?

Dark Turquoise is the saturated mid-cyan of swimming-pool tiles and turquoise jewelry. The CSS hex is brighter than the actual mineral, sitting closer to a fluorescent aqua. Its hex code is #00CED1.

What are the tints and shades of Dark Turquoise?

uishades builds an 11-step OKLCH ramp for Dark Turquoise (#00CED1) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Dark Turquoise?

Its complementary color is #FD9097. Triadic partners are #D69AED and #E4A948; analogous neighbours are #3EC5F5 and #4ECFA2.

What are the OKLCH and RGB values of Dark Turquoise?

Dark Turquoise is #00CED1 - OKLCH 0.772 0.131 197°, rgb(0 206 209), in the teal family.