Tempered Bronze color palette — #FDF1F8 · #C8C893 · #9D5F48 · #56374B · #2B1C26

A conversation between Walnut and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Pistachio (#C8C893): A luminous, dusty green — the color of fresh herbs.
• Walnut (#9D5F48): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#56374B): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#2B1C26): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Ancient Harbor color palette (#EEF9EF, #D7C291, #866E42, #2B4B31, #19251B)
• Tempered Bronze Villa color palette (#FFF2EB, #EBEAA4, #AB5F42, #552B1C, #180C05)
• Softworn Amber color palette (#FFF0F8, #ECD29C, #C7825A, #785869, #2B1D24)
• Washed Cocoa Study color palette (#FEF3EB, #C2AC7D, #764222, #4B2002, #241D0C)
• Dusty Archive color palette (#FCF2F8, #F8B096, #3BA482, #B46A4E, #0F292A)
• Eclipse Bronze Delta color palette (#D8EADE, #986B00, #342B00, #0D191D, #080600)
• Mustard Lagoon color palette (#F9DCE5, #CBA700, #804E00, #432600, #200410)
• Hushed Driftwood Summit color palette (#F1F7F1, #D3DDDD, #B3C3CA, #A98A59, #434A43)

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