Teal Colors

302 teal colors in the library, 78 of them carrying a registered name. Every swatch opens a full breakdown: hex, RGB, HSL, HSV, CMYK, LAB and OKLCH values, WCAG contrast, harmonies, tints and shades.

Teal is the band from roughly 170° to 200°, where green has cooled but blue has not taken over. It reads as calm and technical, and it is one of the few hues that stays distinguishable from both red and green under every common form of colour vision deficiency — which makes it a safe third series colour in charts.

Named Teal Colors

The teals that carry a published name, from the CSS keywords through the paint and print registries. These are the ones worth referring to by name in a brief, because the person reading it can look them up.

Every Teal by Lightness

The full teal range grouped from darkest to lightest. Lightness is the L in HSL — the fastest way to find a teal that will hold up as a background, a border, or body text against the rest of your palette.

Darkest · 0-20% lightness · 41 colors

Dark · 20-40% lightness · 73 colors

Mid-tone · 40-60% lightness · 71 colors

Light · 60-80% lightness · 58 colors

Lightest · 80-100% lightness · 59 colors

Browse Another Family

Working with Teal

For the editorial guide — what teal signals, where it works, and what to pair it with — read shades of teal. To find a teal by name rather than by eye, use the A-Z index of color names. To build a palette around one, open any swatch and use the palette generator or check it in the contrast checker.