Terracotta Terrace color palette — #F5E3DC · #983437 · #312800 · #3E0007 · #020200

Garnet takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F5E3DC): A whisper-light, dusty orange — the color of autumn markets.
• Garnet (#983437): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#312800): A deep, shadowed, dusty green — the color of fresh herbs.
• Espresso (#3E0007): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged duotone, dark, muted.

Use it as a design system

One click turns Terracotta Terrace 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

• Cocoa Drift color palette (#EEE6D9, #763400, #2E2200, #001016, #070200)
• Lowlit Parlor color palette (#F5E5E7, #8A327D, #4E0D00, #370030, #060000)
• Worn Bronze color palette (#F6EEE2, #826400, #003F1A, #322500, #000301)
• Dusty Harbor color palette (#F5E9E3, #A3978C, #8F6927, #4C1800, #120601)
• Patina Terracotta Harbor color palette (#FFF2EC, #F07A62, #6E6700, #9E1D00, #211E00)
• Ember Archive color palette (#F8E5D2, #E54826, #814D00, #414200, #050200)
• Gentle Amber Alley color palette (#F5E8E1, #C66C44, #4A5600, #6E2800, #0C0F00)
• Muted Plum color palette (#ECE2F1, #B34A79, #00551B, #69003B, #000202)

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