Tempered Bronze color palette — #FFF0F8 · #F0BD9D · #CF9765 · #9E6718 · #3B583C
A conversation between Ochre and Camel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sand (#F0BD9D): A whisper-light, dusty gold — the color of old brass.
- Camel (#CF9765): A luminous, balanced gold — the color of old brass.
- Ochre (#9E6718): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#3B583C): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged muted, warm.
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
- Bronze Alley color palette (#FEF1F6, #BED1BD, #B79473, #936A4F, #3C4D3E)
- Ancient Bronze color palette (#FFF0FC, #F9BDAD, #DB8F6E, #AC6640, #674353)
- Tempered Loft color palette (#EEF9EE, #DEBF93, #6CC5A9, #B4812F, #255849)
- Apricot Meadow color palette (#FFF2ED, #FFC7B2, #E5AB73, #AA8D65, #654A00)
- Pale Amber Lagoon color palette (#F2E1C5, #BC8E12, #907800, #605500, #323000)
- Blush Boulevard color palette (#FFF1F5, #D3A87B, #90B07B, #C3798E, #543943)
- Olive Lagoon color palette (#E1E5B7, #B5C17D, #7D9D3F, #4B750B, #354F2C)
- Bronze Thicket color palette (#EFDED2, #9B5A00, #603A00, #3B2700, #0B0600)
Browse the whole catalog at Explore, or see today's palette.