Tempered Bronze color palette — #FDF3E9 · #B1A87C · #96682D · #734337 · #443F00

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

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Sage (#B1A87C): A luminous, dusty green — the color of fresh herbs.
• Ochre (#96682D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#734337): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#443F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Bronze Delta color palette (#FFEADA, #C1953A, #A15000, #7C292E, #373808)
• Muted Chestnut Courtyard color palette (#F9F5EB, #BBBB94, #878254, #7F5214, #3D5007)
• Washed Canyon color palette (#E9F6E8, #BFA976, #906E42, #604150, #10281D)
• Garnet Parlor color palette (#EFE0D0, #9A863F, #7B4800, #63190E, #2A2400)
• Airy Moss Dune color palette (#F7F6E5, #679026, #AA5532, #6A4E00, #34332C)
• Antique Taupe color palette (#ECFAEA, #B3DCC0, #CBA478, #A07B91, #284439)
• Midnight Hollow color palette (#FDDAC5, #7B4E00, #4C1900, #28000A, #040300)
• Aged Olive color palette (#FEEDD6, #6D6C00, #4B3300, #331000, #030F00)

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