Tempered Bronze color palette — #F8F5EA · #E4D090 · #907C33 · #5D4B00 · #2E2B21

A conversation between Walnut and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Wheat (#E4D090): A whisper-light, balanced green — the color of new leaves after rain.
• Walnut (#907C33): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#5D4B00): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2E2B21): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Tempered Harbor color palette (#F6F5ED, #E1DECF, #7F8D5F, #414B25, #1D1C12)
• Tempered Fern Study color palette (#F7F5EE, #D4BC96, #5D6335, #3A3932, #22271C)
• Ancient Bronze color palette (#F0EBD0, #887400, #283000, #18211C, #050700)
• Tempered Seafoam Boulevard color palette (#F5F6EC, #AEE2A0, #57AE9B, #709965, #2A3027)
• Patina Lime color palette (#F8F6E3, #9CB858, #60A9B2, #9A6E5D, #453E00)
• Softworn Mustard Alley color palette (#F8F7DD, #D3BC09, #507700, #2C4307, #1D1B09)
• Dusty Moss Harbor color palette (#E9F0DE, #969A00, #005331, #002111, #020300)
• Timeworn Ash Orchard color palette (#EDF8F3, #C6E8CD, #7CAA98, #517668, #222F2A)

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