Tempered Bronze color palette — #FEF4E4 · #D290B2 · #A86058 · #36654A · #55423F

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

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Mauve (#D290B2): A luminous, balanced rose — the color of pressed rose petals.
• Mocha (#A86058): A full-bodied, balanced orange — the color of autumn markets.
• Pine (#36654A): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#55423F): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Aged Bronze color palette (#FFF4E2, #DB9280, #986E2E, #21646B, #4D4641)
• Hushed Station color palette (#FCF4E7, #AE9CD4, #9F5E8B, #5D5D22, #574147)
• Hushed Wisteria Atelier color palette (#F2F4DD, #C398DA, #9C6A62, #1C5C62, #3B2526)
• Ancient Lantern color palette (#FFF1F0, #DBBCB0, #B0947B, #6B7765, #435754)
• Hushed Delta color palette (#E1FCF7, #D5ABEA, #B88379, #477687, #4C4356)
• Mallow Chapel color palette (#FFF2EF, #F2CFC9, #FFA0BF, #D28564, #5B443E)
• Rose Study color palette (#FFF4E2, #DE5776, #984400, #005146, #522624)
• Worn Chapel color palette (#F8F5ED, #C6C2A4, #668D5E, #7B5C62, #584E00)

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