What is the HEX code for Teal and Coral mixed?

When Teal (#008080) and Coral (#FF7F50) are mixed equally, the result is Warm Gray / Mauve with HEX code #A58569.

What is the approximate Pantone™ match for Teal and Coral mixed?

The closest approximate Pantone™ match for the mix of Teal and Coral is Warm Gray 7 C (ΔE 9.7). This is a mathematical approximation, not an officially certified Pantone value.

What Color Does Teal and Coral Make?

Q: What Color Does Teal and Coral Make?

Mixing Teal and Coral produces Warm Gray / Mauve. The resulting color has a HEX code of #A58569 and RGB values of rgb(165, 133, 105).

Teal#008080

Coral#FF7F50

#A58569

Warm Gray / Mauve

#A58569

Warm Gray / Mauve

View full color info →

HEX#A58569

RGBrgb(165, 133, 105)

HSLhsl(28°, 25%, 53%)

CMYKcmyk(0%, 19%, 36%, 35%)

CIELABLab(57.8, 8.2, 19.7)

Pantone™ Approximations

Warm Gray 7 CApproximate (ΔE 9.7)

Warm Gray 9 CApproximate (ΔE 11.2)

Warm Gray 5 CApproximate (ΔE 13.1)

Pantone™ values shown are mathematical approximations, not official Pantone colors. Pantone® is a registered trademark of Pantone LLC.

RAL (approx.)

RAL 3012Beige redApproximate (ΔE 8.2)

RAL 7048Pearl mouse greyApproximate (ΔE 10.6)

RAL 1011Brown beigeApproximate (ΔE 12.1)

Pantone® and RAL® codes shown are mathematical approximations calculated by color distance (ΔE CIEDE2000). They are not officially certified values.

About This Color Combination

Teal and coral are a near-complementary pair, and mixing them as pigments produces warm gray and mauve tones with surprising subtlety. The cool blue-green of teal tempers the warm orange-pink of coral, resulting in a sophisticated neutral that retains hints of both parents. This combination has been a defining trend in modern interior and graphic design.

Usage Tips

In painting, teal-coral mixes create nuanced grays that are far more interesting than simple black-white blends, with an inherent warmth that suits portrait shadows. Interior designers frequently pair teal and coral as accent colors against the warm gray backdrop they naturally produce, creating a self-harmonizing scheme. In graphic design, this pairing is a go-to for modern, approachable brands that want energy without harshness. Use the mixed neutral as a background and the pure parent colors as highlights.

Color Codes & Implementation

Drop-in snippets for CSS variables, Tailwind, and SCSS.

:root {
  --color-primary: #008080;   /* Teal */
  --color-secondary: #FF7F50; /* Coral */
  --color-accent: #A58569;    /* Warm Gray / Mauve */
}

Mix these colors

Opens the Color Mixer with both source colors pre-loaded.

Frequently Asked Questions

What colors go with teal?

Teal sits between blue and green and pairs strikingly with coral, peach, mustard, cream, and gold. The cool depth of teal balances warm complementary tones, which is why coral and teal is a perennial favorite for weddings, brand systems, and bedroom palettes.

Is teal and coral a complementary color combination?

Yes — coral and teal sit roughly opposite on the color wheel, so they read as a complementary pair. This high-contrast harmony makes the duo feel vivid and energetic without being harsh, which is why it became a signature 2010s palette and remains in steady use today.

What are the hex codes for teal and coral?

Teal is #008080 (RGB: 0, 128, 128) and coral is #FF7F50 (RGB: 255, 127, 80). Mixed evenly, the result lands near #A58569 — a warm mauve-gray that works as a sophisticated neutral connecting the two accent colors.

Try It Yourself in the Color Mixer

Adjust the ratios, add more colors, and get all color codes instantly.