Tempered Bronze color palette — #FBF3EE · #DBDBD1 · #BDC1B5 · #936952 · #50453E

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

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Bone (#DBDBD1): bright and airy, almost weightless.
• Stone (#BDC1B5): soft and architectural.
• Walnut (#936952): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#50453E): 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

• Washed Bronze Cabin color palette (#F7F0EB, #D7D8D0, #B7BFB2, #9D6548, #342A23)
• Timeworn Olive Studio color palette (#F8F5ED, #D2DECF, #B5C2A1, #756D00, #4F3D00)
• Washed Driftwood Dune color palette (#FAF3F7, #CCDADD, #9CA2B1, #B88065, #4E454A)
• Stone Dune color palette (#FFEBDD, #C0B17D, #858C70, #6D5664, #584042)
• Washed Bronze color palette (#EAE2DA, #B3A895, #8E8037, #542B00, #1E1004)
• Fern Archive color palette (#EDEDE4, #B3BDA8, #7E967E, #1F5200, #202012)
• Hushed Amber Veranda color palette (#FFF3E2, #D57E4E, #716D23, #3C4B79, #413C36)
• Hushed Loft color palette (#FFF2EA, #CE682B, #007556, #443F76, #452547)

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