Terracotta Palette
CSS variables
:root {
--color-1: #C96F4A;
--color-2: #E09F7D;
--color-3: #F2D5C4;
--color-4: #8C4A32;
--color-5: #5C3222;
}Tailwind config
// tailwind.config.js
colors: {
"terracotta-1": "#C96F4A",
"terracotta-2": "#E09F7D",
"terracotta-3": "#F2D5C4",
"terracotta-4": "#8C4A32",
"terracotta-5": "#5C3222",
}About this palette
The Terracotta palette is a curated set of 5 colors with their HEX, RGB and ready CSS-variable and Tailwind exports. Click any swatch for that color's full breakdown — conversions, contrast and harmonies.
More palettes