Tempered Bronze color palette — #FCEFE8 · #B4634D · #593200 · #32261F · #19140F

Mocha takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FCEFE8): bright and airy, almost weightless.
• Mocha (#B4634D): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#593200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#32261F): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#19140F): quiet, heavy and certain.

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

• Wandering Workshop color palette (#F9F1E3, #9C7618, #3E3C35, #2F271B, #17150E)
• Hushed Archive color palette (#FAEDF7, #CA8879, #4D5D4F, #42323E, #242026)
• Worn Apricot Canyon color palette (#F8EEF5, #F39D86, #8C737D, #5D5059, #242024)
• Obsidian Quarry color palette (#F0DCC7, #774900, #313D3B, #241800, #110700)
• Wandering Basalt Boulevard color palette (#EAE6D4, #525F61, #3A3D00, #1A2524, #020C00)
• Timeworn Cocoa color palette (#FFF3E4, #B3925E, #4F9799, #866A8F, #5B3B00)
• Fern Boulevard color palette (#E7EFDB, #4D6400, #00270B, #100D00, #010200)
• Dusty Market color palette (#FFEEE4, #E0AC8D, #AB7D4E, #7B5B2E, #4B5100)

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