Tempered Bronze color palette — #FFEEE2 · #E1AE82 · #9D7D3C · #655D26 · #36352E
Built around Mocha, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEEE2): A whisper-light, dusty gold — the color of honey in a jar.
- Sand (#E1AE82): A luminous, balanced gold — the color of old brass.
- Mocha (#9D7D3C): A luminous, balanced gold — the color of old brass.
- Olive (#655D26): A full-bodied, dusty green — the color of fresh herbs.
- Espresso (#36352E): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Aged Alley color palette (#FFDCD6, #EEA9AC, #B97768, #7D4E28, #38332D)
- Bronze Drift color palette (#F9F1E1, #C4B27E, #8899D2, #866F25, #43253D)
- Driftwood Coast color palette (#FFF0D4, #B4B97E, #719157, #3A6B47, #2B3C1E)
- Timeworn Driftwood Orchard color palette (#FCF1D5, #D7D4A0, #8A884C, #58521B, #271D00)
- Tempered Olive Alley color palette (#FFF0F9, #F0C39E, #BA9752, #7F7714, #27574A)
- Worn Bronze Lantern color palette (#F2EADE, #927B00, #536200, #193B00, #001B08)
- Amber Veranda color palette (#FFE2C7, #B99400, #716D00, #3E4D00, #063302)
- Patina Bronze Drift color palette (#F9F1E3, #BAE2CE, #8CC3C0, #AF7548, #3A3831)
Browse the whole catalog at Explore, or see today's palette.