Tempered Bronze color palette — #F8F1E8 · #C5BAA3 · #A5793D · #774C34 · #302C16
Built around Mocha, softened by Coffee — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F8F1E8): a clean, paper-quiet neutral.
- Stone (#C5BAA3): A luminous, dusty gold — the color of afternoon light on wheat.
- Mocha (#A5793D): A luminous, balanced gold — the color of old brass.
- Coffee (#774C34): A full-bodied, dusty orange — the color of autumn markets.
- Espresso (#302C16): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: 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
- Ancient Villa color palette (#FEF3E6, #C6B59C, #9C7A46, #805215, #5C4300)
- Dusty Driftwood Studio color palette (#EEF8EF, #C2E5DE, #9AB79B, #947351, #314538)
- Antique Lantern color palette (#EEDDD1, #B2926C, #8E5433, #6A2224, #211600)
- Fern Thicket color palette (#E7E3D5, #798E65, #5A5900, #412D00, #0C1000)
- Bronze Lagoon color palette (#F5E8CC, #99A863, #7D6A00, #5F3B00, #072303)
- Ancient Bronze color palette (#F3E3D6, #8F6B20, #653600, #450900, #060500)
- Turquoise Delta color palette (#EAF5EF, #53A0BC, #93769E, #864A4F, #14271E)
- Weathered Pier color palette (#EDF4ED, #DCBCA7, #216E70, #00393A, #0D170E)
Browse the whole catalog at Explore, or see today's palette.