UI Shades

A study in teal

Material Teal 500

#009688

Family
Teal
L
0.605
C
0.107
H
183°

Notes

Material Teal 500 is the deep, slightly blue-leaning teal in Material Design 2's primary palette. The hex carries strong chroma at mid-low lightness and was one of the framework's signature accents in early Android releases. Finance, technology, and wellness products use it as a primary brand colour. Pair with cream and warm coral for a fresh palette, or with charcoal for a clean professional look. Body text against white passes AA at standard body sizes and AAA at headline sizes.

#009688
Material Teal 500
Material Teal 500
#009688
oklch(0.605 0.107 183.38)
rgb(0 150 136)
hsl(174.4 100% 29.4%)
Share
#edfffb
#ddfcf6
#baf3e9
#91e7da
#5ecabb
#009688
#008779
#007064
#005248
#003831
#001e19

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 Material Teal 500

Cross-reference

Related colors

Q&A

Frequently asked questions

What is Material Teal 500?

Material Teal 500 is the deep, slightly blue-leaning teal in Material Design 2's primary palette. The hex carries strong chroma at mid-low lightness and was one of the framework's signature accents in early Android releases. Its hex code is #009688.

What are the tints and shades of Material Teal 500?

uishades builds an 11-step OKLCH ramp for Material Teal 500 (#009688) - 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 Material Teal 500?

Its complementary color is #B6657B. Triadic partners are #8F71B6 and #AE7236; analogous neighbours are #0092A8 and #489463.

What are the OKLCH and RGB values of Material Teal 500?

Material Teal 500 is #009688 - OKLCH 0.605 0.107 183°, rgb(0 150 136), in the teal family.