Tempered Terracotta color palette — #FFF2EC · #CA8574 · #006D5F · #902000 · #101C0A

Rust and Caramel set the tone — five colors that lean into balance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Caramel (#CA8574): A luminous, balanced orange — the color of toasted spice.
• Pine (#006D5F): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#902000): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#101C0A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Balance. Tagged duotone.

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

• Cocoa Alley color palette (#FDF3EA, #C08E5E, #00697D, #744200, #071D12)
• Washed Mulberry color palette (#FFF2EF, #CE7E90, #00713B, #940042, #161B01)
• Weathered Parlor color palette (#FCEDF3, #DC8940, #367600, #7F4300, #000907)
• Linen Aubergine color palette (#FFEADB, #B5744A, #466605, #53217C, #412C00)
• Airy Moss Lantern color palette (#FBF4ED, #E4A472, #6A8F00, #A85B00, #1C1902)
• Muted Aubergine color palette (#FFEEE6, #B7544C, #006442, #64005F, #530C0C)
• Petrol Loft color palette (#F8F5E9, #A3AA3E, #0068AB, #575B00, #00231C)
• Bronze Market color palette (#EEE2D9, #B05D28, #004B39, #522200, #020400)

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