Teal

Colors that go with teal

Teal (#008080) is a medium, moderately saturated turquoise. Colors that go well with teal include Maroon (#800000), Inescapable Lover (#800040), Pharmaceutical Green (#008040), Pacific Depths (#004080), Purple (#800080). For a safe, polished look, pair teal with a soft off-white like #EBF8F8 and a deep neutral like #0D1E1E; for contrast, add a touch of its complement #800000.

Build a teal palette #008080 color details

Best colors to pair with teal

ComplementaryMaroon #800000
Opposite teal on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.
Split complementaryInescapable Lover #800040
Sits next to teal's complement: lively contrast with less tension than the direct opposite.
AnalogousPharmaceutical Green #008040
A neighbouring hue that blends naturally with teal for calm, cohesive designs.
AnalogousPacific Depths #004080
The neighbour on the other side of teal — pair both for a soft, harmonious scheme.
TriadicPurple #800080
One third of the way around the wheel from teal: vibrant but balanced.
Light neutralSilent Snowfall #EBF8F8
An off-white with a hint of teal — an easy background that never feels stark.
Dark neutralBlack Stallion #0D1E1E
A deep, teal-tinted near-black for text and dark sections; softer than pure black.
GrayMonument #808A8A
A warm-or-cool gray matched to teal for borders, captions and secondary UI.

Teal color palettes

Each palette keeps #008080 in the middle; open one in the generator to tweak it.

From our palette library

Text and backgrounds with teal

AaText on a teal background

4.77:1GoodWhite text on #008080

AaTeal text on a light background

4.77:1Good#008080 text on #FFFFFF

Check any other pair with the contrast checker.

FAQ

What colors go with teal?

Maroon (#800000), Inescapable Lover (#800040), Pharmaceutical Green (#008040), Pacific Depths (#004080), Purple (#800080) go well with teal. Neutrals such as #EBF8F8 and #0D1E1E are the easiest companions, and #800000 adds bold contrast as its complementary color.

What is the complementary color of teal?

The complementary color of teal (#008080) is #800000 (Maroon), which sits opposite it on the color wheel.

What neutral colors go with teal?

Off-whites, creams and grays with a slight teal tint, such as #EBF8F8 and #808A8A, plus a deep near-black like #0D1E1E. Tinted neutrals look more cohesive than pure white, gray or black.

What text color should I use on teal?

White text on #008080 has a contrast ratio of 4.77:1 (good). For teal text, use a background like #FFFFFF (4.77:1, good).

Is teal a warm or cool color?

Teal is a cool color in the turquoise family.

More turquoise colors

All colors