Terracotta Color Palette

Updated April 17, 2026

A warm terracotta color palette — clay, brick, ochre, cream, and rust. Hex codes for earthy, southwestern, and boho interior designs.

The Terracotta Palette

• Cream #FAF3E0 rgb(250, 243, 224) hsl(44, 72%, 93%)
• Clay #EAC696 rgb(234, 198, 150) hsl(34, 67%, 75%)
• Ochre #D4A373 rgb(212, 163, 115) hsl(30, 53%, 64%)
• Warm Brick #C77B4B rgb(199, 123, 75) hsl(23, 53%, 54%)
• Terracotta #A4471C rgb(164, 71, 28) hsl(19, 71%, 38%)
• Rust #6B2A0C rgb(107, 42, 12) hsl(19, 80%, 23%)

Hex Codes at a Glance

#FAF3E0, #EAC696, #D4A373, #C77B4B, #A4471C, #6B2A0C

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This terracotta palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.