Tempered Bronze color palette — #FFF0F9 · #E7DDC9 · #ECA975 · #A96C28 · #345034
A conversation between Ochre and Sand, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Bone (#E7DDC9): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sand (#ECA975): A luminous, balanced gold — the color of old brass.
- Ochre (#A96C28): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#345034): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, 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
- Muted Bronze color palette (#FFF0FD, #EBD9CA, #F2A286, #BB6D47, #624252)
- Bronze Lantern color palette (#E1FEE3, #FFE5B5, #C5A961, #877627, #355A49)
- Patina Apricot color palette (#FFE9E1, #F59F7E, #BB7D48, #74592E, #34312B)
- Worn Meadow color palette (#FFE1B4, #DBAF43, #977A00, #4D4400, #222000)
- Moss Pier color palette (#FFF4DA, #DDC771, #9E9000, #686600, #2F3600)
- Aged Loft color palette (#E5FDE8, #BAE9DF, #CDA669, #8E6501, #352300)
- Amber Harbor color palette (#FEF1F6, #EBE0B9, #E7BAE8, #D3852F, #48415F)
- Ancient Bronze Alley color palette (#FAE8DB, #A96000, #5A3700, #271700, #020100)
Browse the whole catalog at Explore, or see today's palette.