Tempered Bronze color palette — #FAF3F7 · #E4D8D6 · #AECBC5 · #9C644E · #4D454A

Walnut and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#E4D8D6): bright and airy, almost weightless.
• Stone (#AECBC5): A luminous, dusty teal — the color of glacier melt.
• Walnut (#9C644E): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#4D454A): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Corridor color palette (#EFF7F2, #CBDEDF, #95C8BF, #7C6900, #33453A)
• Aged Pewter color palette (#F7EFF5, #C5D9DB, #A8C0C0, #96685E, #322930)
• Timeworn Driftwood color palette (#FFF1F7, #A3C7AD, #7B895A, #506C80, #444D60)
• Aged Chestnut Corridor color palette (#FBF2F5, #C6D8C9, #AEA973, #824B00, #452934)
• Softworn Station color palette (#F1DFE4, #9C6200, #133B26, #2B191F, #130A0A)
• Ancient Marigold Orchard color palette (#FFF1F6, #F2D6BF, #F4A13C, #918F38, #28462E)
• Hushed Cocoa Grove color palette (#EBDDE4, #9EAF9D, #668972, #582800, #1F0D17)
• Ancient Fern color palette (#E9F0ED, #BCD2CC, #80AAA6, #5A5800, #20332A)

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