Tempered Bronze color palette — #FEF1F8 · #E6BC8A · #9A6245 · #58364A · #2A1D24

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

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Sand (#E6BC8A): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Walnut (#9A6245): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#58364A): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#2A1D24): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Wandering Bronze color palette (#EFF8EF, #DCC090, #906932, #573D16, #182618)
• Bronze Terrace color palette (#FEF3EB, #E6E1B4, #A8613E, #552B16, #170D06)
• Ancient Amber Workshop color palette (#FFF2EB, #E1D79A, #C6806E, #865447, #2C1E16)
• Onyx Boulevard color palette (#FDF1F9, #B8B07E, #754133, #4D1D10, #2B1C27)
• Timeworn Market color palette (#FFF1F7, #D28C5A, #749C68, #8A5D85, #422B36)
• Patina Boulevard color palette (#ECDAE2, #B07600, #572A00, #1C0A00, #060002)
• Washed Marigold Basin color palette (#FFD9E6, #DF9C00, #824D00, #442600, #1A0B00)
• Mustard Thicket color palette (#E7FBEE, #C7B05B, #828D4D, #1C716C, #294436)

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