Terracotta Color Palette
A rich terracotta palette inspired by clay pottery and Mediterranean landscapes. Great for artisan and home decor brands.
Dark Clay
HEX: #6e3b2a
RGB: rgb(110, 59, 42)
HSL: hsl(15, 45%, 30%)
Burnt Sienna
HEX: #9a5540
RGB: rgb(154, 85, 64)
HSL: hsl(14, 41%, 43%)
Terracotta
HEX: #c27050
RGB: rgb(194, 112, 80)
HSL: hsl(17, 48%, 54%)
Light Terra
HEX: #d99a82
RGB: rgb(217, 154, 130)
HSL: hsl(17, 53%, 68%)
Clay Wash
HEX: #f0c9ba
RGB: rgb(240, 201, 186)
HSL: hsl(17, 64%, 84%)
CSS Variables
:root {
--terracotta-1: #6e3b2a;
--terracotta-2: #9a5540;
--terracotta-3: #c27050;
--terracotta-4: #d99a82;
--terracotta-5: #f0c9ba;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'terracotta': {
'100': '#6e3b2a',
'200': '#9a5540',
'300': '#c27050',
'400': '#d99a82',
'500': '#f0c9ba',
},
},
},
},
}Use Cases
Artisan brands
Home decor
Mediterranean restaurants
Pottery studios
Related Palettes
Frequently Asked Questions
What makes terracotta a trending design color?▾
Terracotta bridges warm and earthy, fitting the trend toward natural, organic aesthetics. It adds warmth and character that sterile modern palettes often lack.
How do I pair terracotta in a modern design?▾
Pair terracotta with sage green, navy, cream, and charcoal for a contemporary look. Avoid combining with too many other warm tones to prevent an overwhelming effect.