Tempered Bronze color palette — #E4EFE4 · #857200 · #523500 · #230A00 · #010100

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

The five colors

• Cream (#E4EFE4): bright and airy, almost weightless.
• Walnut (#857200): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#523500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#230A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Terrace color palette (#FFE2F3, #A26100, #662400, #2B0006, #020100)
• Washed Bronze Market color palette (#DFEADE, #A08300, #6B4300, #3C1300, #010100)
• Tempered Market color palette (#DDFFEA, #AABC74, #867628, #5F3F0F, #001714)
• Worn Amber Boulevard color palette (#FDDAEC, #CC8A29, #914917, #5C1215, #000502)
• Twilit Rust color palette (#CAE9F5, #BD5A00, #002024, #080C11, #000102)
• Eclipse Garnet color palette (#CDF1FE, #00595E, #730027, #35000D, #000102)
• Dusty Aubergine color palette (#D6EDF4, #008C8D, #3800A3, #003233, #00000B)
• Lowlit Cabin color palette (#D5EBF4, #004E58, #500A00, #111319, #100100)

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