Tempered Bronze color palette — #FFF1F1 · #E9D5CD · #E29289 · #B56A4B · #504A44

A conversation between Mocha and Salmon, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#E9D5CD): A whisper-light, dusty orange — the color of toasted spice.
• Salmon (#E29289): A luminous, balanced orange — the color of autumn markets.
• Mocha (#B56A4B): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#504A44): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged light, 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

• Timeworn Stone color palette (#FFE6DF, #FAA2A2, #B97166, #79493C, #3F3834)
• Gentle Apricot Workshop color palette (#FFDBD7, #EF8D68, #A96200, #6C4800, #262000)
• Muted Amber Loft color palette (#FFF2EB, #EDD7BE, #80DCEB, #DC7C5B, #2B5037)
• Timeworn Bronze Terrace color palette (#FFF2EB, #E2DAC5, #D0A96A, #8A7519, #54524A)
• Soft Amber color palette (#FFF1F3, #FFAB99, #DE6B00, #8B5700, #473500)
• Wandering Garden color palette (#FFE8DD, #D77B01, #7F5A00, #383000, #060B00)
• Worn Chestnut Pier color palette (#FFF2EB, #DFDDCC, #E6A6B9, #ADADB8, #754507)
• Cocoa Coast color palette (#FFE9DE, #D5D8E8, #BCAEAA, #6B3601, #28211C)

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