Tempered Bronze color palette — #FBF3EF · #DDD9D2 · #A6AFA9 · #B0704E · #5A504C

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#DDD9D2): bright and airy, almost weightless.
• Ash (#A6AFA9): a calm mid-gray that lets other colors speak.
• Mocha (#B0704E): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#5A504C): 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

• Timeworn Pewter Pier color palette (#F8F5EE, #D8DBD3, #BAC1B5, #7D7549, #4B473F)
• Cocoa Courtyard color palette (#EAE6DF, #C0B8A7, #948E79, #554200, #251E11)
• Weathered Cocoa color palette (#FFF3E3, #C99D81, #8C724E, #416345, #683C00)
• Softworn Summit color palette (#FFF3E8, #E4D8CE, #FAB787, #B48D4F, #4B453F)
• Aged Bronze Harbor color palette (#E5DDD9, #A79688, #95652C, #4A1A00, #130500)
• Aged Forest Thicket color palette (#FBF4EA, #AD9461, #5F7A47, #006254, #10495C)
• Antique Harbor color palette (#F8F6E5, #D4D4BF, #A6A98F, #526300, #34332C)
• Timeworn Thicket color palette (#FAF4EF, #DCDAD1, #A3B0AA, #AC7344, #57514D)

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