Tempered Bronze color palette — #FAF4EF · #DCDCD2 · #9EB1AE · #AC7345 · #59514B

Built around Mocha, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Bone (#DCDCD2): a clean, paper-quiet neutral.
• Ash (#9EB1AE): A luminous, dusty teal — the color of glacier melt.
• Mocha (#AC7345): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#59514B): 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

• Olive Studio color palette (#F6F5EF, #D5DFD6, #B2C6BC, #707B3F, #4A483D)
• Tempered Driftwood Chapel color palette (#F8EFF2, #CAD6D8, #929FA9, #977985, #3A3437)
• Basalt Market color palette (#EEECE5, #BABAAC, #869471, #4B4600, #231F12)
• Tempered Meadow color palette (#FFF2EB, #D3C0A8, #9D9B71, #866775, #624C44)
• Aged Canyon color palette (#FEF4E5, #D79676, #7F7A32, #4D5585, #4C4741)
• Bronze Cabin color palette (#F4EAE1, #A1998A, #7D7227, #412200, #120600)
• Hushed Station color palette (#F5F6E9, #CBD8BE, #93B094, #226C00, #33342D)
• Patina Bronze Veranda color palette (#F9F4EF, #D9DBD3, #9CB1B1, #A7773E, #56524D)

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