Tempered Bronze color palette — #F7F8D8 · #C3D7BF · #95B6A7 · #B36F55 · #7B3C23
A conversation between Mocha and Bronze, giving this palette its sense of optimism and sophistication.
The five colors
- Custard (#F7F8D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Oat (#C3D7BF): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#95B6A7): A luminous, dusty teal — the color of glacier melt.
- Mocha (#B36F55): A luminous, balanced orange — the color of toasted spice.
- Bronze (#7B3C23): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.
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 Oat Field color palette (#FFF4DE, #D4D5AD, #A0B19D, #8D7A7D, #5D4B4E)
- Worn Bronze color palette (#C3EEE2, #93C1AA, #A08195, #8C5D24, #683E00)
- Wandering Bronze color palette (#F8F5E8, #B9DCB7, #90A37D, #8D7D34, #4D5200)
- Weathered Ash Coast color palette (#E4FDEA, #C6DFE1, #ADC2D1, #B38EA5, #46574A)
- Ancient Courtyard color palette (#D1F5E7, #37BAD3, #6F7FAD, #874D24, #582800)
- Worn Aqua Summit color palette (#E8FBEB, #33C7D4, #DD8A8C, #B5866D, #38473B)
- Ancient Cocoa color palette (#ECF9ED, #76D6DC, #DEA08F, #499B9F, #753B16)
- Lagoon Garden color palette (#FCF3EF, #BFE4EC, #87BACD, #63927D, #355149)
Browse the whole catalog at Explore, or see today's palette.