Terracotta is the colour of fired clay — the word is Italian for baked earth. On screen it is a soft orange-red, and every tone on this page sits between 7° and 24° hue. Copy the HEX codes from any scheme below, or generate a harmonious terracotta palette anchored to a base colour you pick.
Warm Terracotta has the widest range, from a deep #6B2D18 to a light #F0A58F. Terracotta & Clay is the most muted, 44%–76% saturation, and reads closest to actual pottery. Soft Terracotta supplies the pale ground the others lack, #FBE7DD.
#6B2D18#9C3D26#C75B39#E2725B#F0A58F#7C3A2D#A44A3F#C66B4E#E08E6D#F2C1A0#FBE7DD#F3C5AF#E89B7E#E2725B#C4553DAnchored to a terracotta base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Terracotta is warm and earthy, so it takes cool muted partners well — sage green and olive green are the pairings that turn up in every boho interior — with cream as the ground. Rust is the darker version of nearly the same hue. Ceramics, Mediterranean and travel branding, and autumn campaigns use it.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. If a ready-made set is easier, the Warm Terracotta row above reads #6B2D18 through #F0A58F and you can type those five in as the custom properties yourself. The generator instead rolls around #E2725B, the base terracotta this page is anchored to. Copy JSON gives an array and Copy HEX a comma-separated line when a :root block is not what your project wants.More palettes: Coral palette · Earth Tone palette · Autumn palette · all colours