Tempered Bronze color palette — #FBF4EB · #E4CEAD · #9E7536 · #61481D · #322A1F

Built around Walnut, softened by Bronze — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Wheat (#E4CEAD): A whisper-light, dusty gold — the color of old brass.
• Walnut (#9E7536): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#61481D): A full-bodied, dusty gold — the color of old brass.
• Espresso (#322A1F): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Patina Harbor color palette (#EDF9EE, #CADBC9, #9E8150, #384C3A, #161D17)
• Chestnut Lantern color palette (#FBF4EB, #D3BD97, #79571C, #3C3832, #26261E)
• Tempered Olive Pier color palette (#F5F7E8, #CBC78F, #547F44, #2C4C20, #222316)
• Aged Moss Harbor color palette (#F7F5EF, #D7D4A0, #69AD7D, #96902B, #2D2F28)
• Antique Bronze Meadow color palette (#F6EEE0, #926F00, #372900, #1B221A, #090500)
• Muted Taupe color palette (#EFF8EF, #F2DCAA, #B99868, #617262, #262E26)
• Hushed Boulevard color palette (#E2DED0, #BBA350, #5B5900, #2C2B00, #100B00)
• Washed Moss color palette (#F2F1DC, #A3941C, #354F00, #131F00, #030300)

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