Tempered Bronze color palette — #F8F4EF · #D8DBD5 · #9DB0B4 · #9C7C40 · #56524C

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

The five colors

• Ivory (#F8F4EF): bright and airy, almost weightless.
• Silver (#D8DBD5): bright and airy, almost weightless.
• Ash (#9DB0B4): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#9C7C40): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#56524C): quiet, heavy and certain.

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

• Aged Driftwood color palette (#EEF4EF, #CEDADA, #A4B6C2, #6C8C74, #323833)
• Driftwood Studio color palette (#F5F6EE, #B8C6AE, #668B71, #825A54, #46513E)
• Olive Drift color palette (#F8F5ED, #D2DED1, #AFC3A5, #766C00, #4F3D00)
• Patina Fern color palette (#F0EFE6, #CACEC0, #96A595, #525B00, #322E19)
• Dusty Denim Delta color palette (#FFF2EA, #C99E78, #5E8355, #694A7F, #5D4300)
• Softworn Meadow color palette (#E2E5DC, #A1ADA1, #61897A, #004327, #101700)
• Patina Olive color palette (#E8E4DD, #9B9B8C, #5F7B3D, #352A00, #0F0800)
• Teal Coast color palette (#F8F5EB, #F0D8C5, #D2C976, #21AA8F, #43433C)

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