What color is Terracotta?
Terracotta is a warm brownish-red with strong orange undertones, hex #E35336, close to the color of sun-dried clay brick. The tone is muted rather than vivid, with a dusty, earthy quality that keeps it from reading as a bright red or orange.
What is the meaning of the color Terracotta?
Named from the Italian phrase meaning baked earth, terracotta describes the fired clay material used in pottery and roof tiles across the Mediterranean since at least 3000 BCE. Ancient Greek and Roman civilizations produced terracotta figurines, vessels, and architectural elements on a large scale, establishing the color’s long association with craft and building. The name entered English as a color term in the early 19th century, coinciding with renewed European interest in classical antiquity. Wedgwood, the British ceramics company founded in 1759, helped anchor the color in the domestic market through its widely sold earthenware lines.
What colors go with Terracotta?
Colors that pair well with Terracotta include:
Cream: soft, warm neutral
Olive Green: earthy, grounded contrast
Navy Blue: cool, bold balance
Mustard Yellow: rich, warm depth
Dusty Rose: gentle, tonal softness
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #E35336 |
color: #E35336;
|
| RGB | 227, 83, 54 |
color: rgb(227, 83, 54);
|
| RGB Percentage | 89%, 33%, 21% |
color: rgb(89%, 33%, 21%);
|
| CMYK | 0%, 63%, 76%, 11% | Not supported in CSS |
| HSL | 10°, 76%, 55% |
color: hsl(10, 76%, 55%);
|
| HSV | 10°, 76%, 89% | Not supported in CSS |
| CIE-LAB | 44, 29, 10 |
color: lab(44% 29 10);
|
| Decimal | 14897974 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.terracotta {
color: #E35336;
}
$terracotta: #E35336;
rgb(227, 83, 54)