Terracotta Villa color palette — #F9DCD7 · #8E3C00 · #563500 · #241B00 · #040400

Burnt Sienna and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F9DCD7): A whisper-light, dusty orange — the color of autumn markets.
• Burnt Sienna (#8E3C00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#563500): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#241B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Terracotta Villa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Antique Terrace color palette (#FFE7D8, #B96C00, #794C00, #3B2600, #080400)
• Brick Coast color palette (#FCD4DE, #B6002E, #5E1A00, #2C1100, #0C0500)
• Frosted Atelier color palette (#F7DEC3, #7E4F00, #190FD4, #3C2400, #000017)
• Pine Lagoon color palette (#EDDFCA, #9FA258, #00925E, #6C1E00, #0C0800)
• Inked Aubergine color palette (#F7E6D1, #654000, #00416D, #300080, #020100)
• Cobalt Lantern color palette (#F0E0F3, #0075B2, #716100, #0A0E06, #020100)
• Moss Grove color palette (#F8E9CA, #8B8600, #4D6700, #033E08, #001C0F)
• Frosted Pine color palette (#E7E0B3, #88BE74, #008E4C, #005E50, #143015)

Browse the whole catalog at Explore, or see today's palette.