Tempered Bronze color palette — #FFF0EF · #E2B9B0 · #BA9586 · #8F6E29 · #5C4D00

Built around Walnut, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0EF): bright and airy, almost weightless.
• Sand (#E2B9B0): A luminous, dusty orange — the color of toasted spice.
• Taupe (#BA9586): A luminous, dusty orange — the color of toasted spice.
• Walnut (#8F6E29): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#5C4D00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Fern Boulevard color palette (#FFF2EC, #E3D0C1, #BEAB98, #8A8A6C, #4B570C)
• Wandering Driftwood Lagoon color palette (#FCF4E6, #CBC698, #909558, #90655B, #534000)
• Softworn Bronze color palette (#F3E0D5, #CE9F6D, #96762B, #5B5D55, #2E3D21)
• Dusty Pine color palette (#FFE7DA, #EBB889, #AE9660, #47804F, #17513E)
• Hushed Stone Coast color palette (#FFEEF5, #D3A3BC, #A4776A, #586C52, #39554B)
• Ancient Coral color palette (#FFE6E8, #F1988E, #BA724D, #606400, #2E441A)
• Muted Taupe color palette (#F2E9DE, #AC9645, #727A2D, #19594D, #002E2F)
• Terracotta Studio color palette (#F6DEE1, #B16B65, #A13A00, #434000, #182200)

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