Tempered Terracotta color palette — #FFF1F1 · #DBACA2 · #B4736A · #8F3F1B · #683B00

Burnt Sienna and Bronze set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Rosewood Mist (#DBACA2): A luminous, dusty orange — the color of toasted spice.
• Caramel (#B4736A): A luminous, balanced orange — the color of toasted spice.
• Burnt Sienna (#8F3F1B): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#683B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

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

• Tempered Boulevard color palette (#FFF2EE, #FCD3D8, #F0B99C, #CB7B3C, #713418)
• Weathered Chestnut Atelier color palette (#FFF2EB, #E4B79A, #A47D47, #705B00, #4C4A00)
• Muted Mulberry color palette (#FFF1F7, #D8AAB6, #AA729D, #8B3B5A, #722830)
• Forest Market color palette (#FDF4E5, #CB97A5, #9C6855, #226754, #5B4038)
• Dusty Coral color palette (#F3F4FF, #EEBAD8, #DF8285, #955F35, #524704)
• Hushed Amber color palette (#FEEAE9, #CF7759, #824400, #4A3100, #2C2200)
• Washed Driftwood color palette (#FBF3F2, #DFD9D3, #A5B0A3, #AB6B85, #5A504F)
• Hushed Cabin color palette (#FFF2EF, #D2C1B8, #A0917E, #61705D, #315251)

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