Colors that go with terracotta

#C96F4A · warm orange · hue 17°

Five combination families for terracotta, derived from color theory and checked for contrast. Every HEX below is click-to-copy.

Complementary contrast

Terracotta plus its complementary hue — maximum hue contrast, best for accents and highlights.

#C96F4A

#4AA4C9

#c96f4a #4aa4c9

#C96F4A#4AA4C9 — 1.3:1 vs terracotta

Analogous harmony

Terracotta with its hue neighbors — low contrast, calm and cohesive.

#C94A65

#C96F4A

#C9AF4A

#c94a65 #c96f4a #c9af4a

#C94A65 — 1.3:1 vs terracotta#C96F4A#C9AF4A — 1.7:1 vs terracotta

Triadic balance

Terracotta in a triadic scheme — three evenly spaced hues, lively but balanced.

#C96F4A

#4AC96F

#6F4AC9

#c96f4a #4ac96f #6f4ac9

#C96F4A#4AC96F — 1.7:1 vs terracotta#6F4AC9 — 1.7:1 vs terracotta

Neutral grounding

Terracotta with warm and cool neutrals — lets the color breathe in real interfaces.

#C96F4A

#E9DCC9

#36454F

#c96f4a #e9dcc9 #36454f

#C96F4A#E9DCC9 — 2.6:1 vs terracotta#36454F — 2.8:1 vs terracotta

Monochromatic depth

Shades and tints of terracotta — guaranteed harmony, depth without new hues.

#763B23

#A55331

#C96F4A

#763b23 #a55331 #c96f4a

#763B23 — 2.4:1 vs terracotta#A55331 — 1.5:1 vs terracotta#C96F4A

Build on this

Open terracotta in the palette generator to lock it and shuffle matching colors, or read its full encyclopedia page.

FAQ

What colors go with terracotta?

Five families work reliably: its complementary hue (#4AA4C9), analogous neighbors (#C94A65, #C96F4A, #C9AF4A), a triadic scheme (#4AC96F, #6F4AC9), neutrals (#E9DCC9, #36454F), and its own shades and tints. All combinations are listed above with HEX codes.

Is terracotta a warm or cool color?

Terracotta is a warm color (hue 17°). It pairs naturally with other warm tones and soft neutrals.

What is the HEX code of terracotta?

Terracotta is #C96F4A (RGB 201, 111, 74). See its full page for HSL, CMYK, LAB, shades and harmonies.