Tempered Bronze color palette — #FBEDF6 · #AC6855 · #4B353E · #34222E · #1C1316

Built around Mocha, softened by Charcoal — the whole palette hums with sophistication.

The five colors

• Blush (#FBEDF6): bright and airy, almost weightless.
• Mocha (#AC6855): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#4B353E): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#34222E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#1C1316): quiet, heavy and certain.

Feels like: 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

• Dusty Loft color palette (#E8F6EB, #957839, #2B4238, #1D2D21, #221817)
• Softworn Apricot color palette (#FEEEE6, #FA997D, #A26F3A, #7D431E, #26201E)
• Ancient Basin color palette (#FBEFE9, #D48270, #765003, #5D2500, #271F1F)
• Deep Bronze Terrace color palette (#F6DAE5, #9B5300, #382800, #281100, #100300)
• Smoked Basalt Archive color palette (#D5EFDD, #554300, #262930, #0E1100, #040300)
• Hushed Pier color palette (#EBFAEC, #B19362, #269BA0, #8D6598, #334935)
• Tempered Chestnut color palette (#FFF0FA, #D8AA8D, #A7733E, #855F12, #365440)
• Bronze Veranda color palette (#EEF9ED, #9ABA98, #649FD0, #9C6500, #2F506D)

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