Tempered Bronze color palette — #F7F6E9 · #A1D2AF · #609D90 · #A05E44 · #3D4900

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Pistachio (#A1D2AF): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#609D90): A luminous, dusty teal — the color of sea glass.
• Ochre (#A05E44): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#3D4900): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Stone Thicket color palette (#FCF4E9, #CBC887, #7F996B, #8A676A, #524000)
• Fern Station color palette (#F7F5EB, #90BBA0, #2F827E, #705050, #3B4900)
• Lime Archive color palette (#FFF5D7, #91CF6B, #039F6A, #6E6B3E, #2C421E)
• Wandering Lantern color palette (#EEF8F5, #B9E7F7, #71AC95, #92687A, #1F3F3D)
• Patina Garden color palette (#F5F7E4, #BFF0D8, #97E7FD, #A3956D, #475811)
• Turquoise Lantern color palette (#FCF3EE, #CCF0CD, #5DB2CA, #57866D, #2E4F45)
• Emerald Station color palette (#DCFFEA, #8AE2AF, #4EA46E, #2B6843, #0A351B)
• Softworn Lime Ridge color palette (#F6F7E4, #8DCC6E, #D088C6, #678D54, #5C353B)

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