Tempered Bronze color palette — #F0E1D9 · #AA7000 · #524900 · #2C3600 · #022702

Ochre and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0E1D9): bright and airy, almost weightless.
• Ochre (#AA7000): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#524900): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#2C3600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#022702): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Soft Amber Station color palette (#F9DFCD, #BF8C00, #927C00, #566100, #132600)
• Muted Olive color palette (#F3E7DB, #766800, #3D4600, #002709, #001113)
• Wandering Rust color palette (#FCE9EA, #C95000, #713E00, #3C3000, #1E2200)
• Worn Moss color palette (#DAE3C6, #7D8F00, #3D5000, #191C00, #070A00)
• Washed Grove color palette (#EFDFC5, #9A8C00, #326D00, #004E2F, #003A30)
• Weathered Grape Balcony color palette (#D9F7E0, #886800, #780DC0, #483600, #270242)
• Aubergine Bloom color palette (#E2F4E8, #6D5800, #75009A, #5D007C, #171100)
• Cocoa Bloom color palette (#DDECE2, #93CB8D, #00979C, #763500, #003127)

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