Tempered Bronze color palette — #ECDCC9 · #7B7334 · #5D3B00 · #410F00 · #030700

Walnut and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#ECDCC9): A whisper-light, dusty gold — the color of old brass.
• Walnut (#7B7334): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#5D3B00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#410F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#030700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Dusty Bronze color palette (#FCE7CD, #907200, #5F3E00, #401E00, #1D1500)
• Timeworn Cocoa Lantern color palette (#FFEADE, #94672E, #752600, #47001A, #070500)
• Moonless Fern Balcony color palette (#F0E6D2, #586930, #413500, #271200, #000201)
• Washed Chestnut color palette (#D2EFD2, #AC9860, #815500, #4E2500, #050400)
• Cocoa Courtyard color palette (#F9F1E4, #B4AC8A, #8A713E, #743A13, #232506)
• Weathered Rust Grove color palette (#DDF0E1, #AE5A6D, #3A363F, #003035, #000A0C)
• Wandering Ridge color palette (#D1EEE0, #005B76, #58089A, #401C00, #000305)
• Muted Aubergine Cabin color palette (#E0E9DB, #008C79, #6E0078, #004036, #030004)

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