Tempered Bronze color palette — #FDF3EE · #F8A996 · #A17331 · #985A4B · #342C24

Ochre takes the lead with Melon close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Melon (#F8A996): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#A17331): A full-bodied, balanced gold — the color of honey in a jar.
• Walnut (#985A4B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#342C24): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Bronze Courtyard color palette (#F8F0EC, #E8B5B1, #A17C3B, #9E5D5A, #1C1409)
• Mustard Drift color palette (#FAF4ED, #E0BA76, #7B8440, #886727, #2F2E27)
• Softworn Alley color palette (#FFF2EA, #EDB37F, #A57F49, #6D5827, #384D18)
• Weathered Coral color palette (#F9F3F8, #F7C2BE, #AA9C5B, #C4726E, #213228)
• Hushed Dune color palette (#F4EBD9, #917200, #2A4900, #3E3000, #040400)
• Frosted Tangerine Boulevard color palette (#FFF3E8, #F08008, #746400, #824200, #261B03)
• Antique Bronze Ridge color palette (#FBF3EE, #DDDAD0, #A3B0A9, #AD7246, #58514C)
• Lowlit Courtyard color palette (#F4DFD0, #913F00, #28320E, #331200, #030100)

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