UI Shades

A study in teal

Cadet Blue

#5F9EA0

Family
Teal
L
0.658
C
0.065
H
198°

Notes

Cadet Blue is a desaturated blue-green, named after the dark teal of British naval cadet uniforms. The CSS hex is dustier than the historical dye, sitting in muted-teal territory. It is one of the rare CSS colors that ages well in modern flat-design palettes because its low chroma keeps it from looking dated. As a secondary surface color it suits marine or heritage brands, or works as a calming background for content-heavy pages where stronger blues would distract. Cream or warm white handles type contrast. Body text against white passes AA at headline sizes; smaller sizes need careful verification.

#5f9ea0
Cadet Blue
Cadet Blue
#5f9ea0
oklch(0.658 0.065 198.3)
rgb(95 158 160)
hsl(181.8 25.5% 50%)
Share
#f2fdfd
#e6f8f9
#cbedee
#addfe1
#85c1c3
#5f9ea0
#407f81
#2d696b
#1b4c4e
#0d3435
#041b1c

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 Cadet Blue

Cross-reference
Q&A

Frequently asked questions

What is Cadet Blue?

Cadet Blue is a desaturated blue-green, named after the dark teal of British naval cadet uniforms. The CSS hex is dustier than the historical dye, sitting in muted-teal territory. Its hex code is #5F9EA0.

What are the tints and shades of Cadet Blue?

uishades builds an 11-step OKLCH ramp for Cadet Blue (#5F9EA0) - 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 Cadet Blue?

Its complementary color is #B68282. Triadic partners are #A385AB and #A78D64; analogous neighbours are #669AB1 and #699F8A.

What are the OKLCH and RGB values of Cadet Blue?

Cadet Blue is #5F9EA0 - OKLCH 0.658 0.065 198°, rgb(95 158 160), in the teal family.