Tempered Bronze color palette — #E8F6ED · #B0AE80 · #84752B · #5C4A18 · #0D291F

Walnut takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E8F6ED): a clean, paper-quiet neutral.
• Sage (#B0AE80): A luminous, dusty green — the color of fresh herbs.
• Walnut (#84752B): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#5C4A18): A full-bodied, dusty gold — the color of old brass.
• Onyx (#0D291F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Bronze color palette (#DBF0DA, #C39847, #915F00, #633700, #042310)
• Washed Bronze color palette (#FCEDF4, #CCA182, #9F6543, #6F3C2B, #2F1D23)
• Timeworn Bronze color palette (#FEF4E0, #C2C193, #99905F, #84631C, #3F3D36)
• Chestnut Study color palette (#DCF1E0, #97854C, #6D5000, #452B00, #001309)
• Antique Taupe Ridge color palette (#E9FAEF, #B9E9D7, #B19D51, #875D6B, #173834)
• Worn Bloom color palette (#CCECDC, #71781B, #494600, #2A2200, #000705)
• Hazy Olive color palette (#FFECF4, #BB7232, #418834, #00614C, #27121C)
• Pine Workshop color palette (#E8F6EA, #996C00, #007542, #004647, #051624)

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