What colors go well with terracotta?

Terracotta pairs with its complementary colour #5BCBE2 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Terracotta Color — Hex Code #E2725B, RGB, Palettes & CSS

Q: What is the hex code for terracotta?

Terracotta is commonly #E2725B, which is rgb(226, 114, 91). Like most descriptive colour names it covers a small range, but this is a widely used value.

Terracotta colour codes

Hex

#E2725B

RGB

rgb(226, 114, 91)

HSL

hsl(10, 70%, 62%)

HSV

hsv(10, 60%, 89%)

OKLCH

oklch(0.68 0.14 33)

CMYK

cmyk(0%, 50%, 60%, 11%)

Complementary palette

Terracotta with its opposite on the colour wheel.

#E2725B

rgb(226, 114, 91)

#5BCBE2

rgb(91, 203, 226)

Triad palette

Terracotta with two evenly-spaced partners.

#E2725B

rgb(226, 114, 91)

#5BE272

rgb(91, 226, 114)

#725BE2

rgb(114, 91, 226)

Monochromatic palette

Lighter and darker versions of terracotta at the same hue.

#723A2E

rgb(114, 58, 46)

#A05140

rgb(160, 81, 64)

#CD6752

rgb(205, 103, 82)

#EF7860

rgb(239, 120, 96)

Lighter tints

Terracotta toward white.

#E2725B

rgb(226, 114, 91)

#E68672

rgb(230, 134, 114)

#EA9A8A

rgb(234, 154, 138)

#EEAEA1

rgb(238, 174, 161)

#F3C3B9

rgb(243, 195, 185)

#F7D7D0

rgb(247, 215, 208)

#FBEBE8

rgb(251, 235, 232)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Terracotta toward black.

#E2725B

rgb(226, 114, 91)

#C2624E

rgb(194, 98, 78)

#A15141

rgb(161, 81, 65)

#814134

rgb(129, 65, 52)

#613127

rgb(97, 49, 39)

#41211A

rgb(65, 33, 26)

#20100D

rgb(32, 16, 13)

#000000

rgb(0, 0, 0)

About terracotta

A warm earthy orange-brown named after fired clay. Grounded and natural, it is central to Mediterranean and boho design trends. The value shown here (#E2725B) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with terracotta

The complementary colour (#5BCBE2) sits opposite terracotta on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using terracotta in your design

For CSS, paste #E2725B or the oklch(0.68 0.14 33) value, or download the ready-made terracotta.css file above — it includes a full 50–950 token scale. Always check contrast before using terracotta behind text.

What is the hex code for terracotta?

Terracotta is commonly #E2725B (rgb(226, 114, 91)). It covers a small range, but this is a widely used value.

What colours go well with terracotta?

Its complementary colour #5BCBE2 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Terracotta colour

Terracotta colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About terracotta

Palettes that work with terracotta

Using terracotta in your design

Popular colours

Color tools