Tempered Bronze color palette — #FFF0FF · #F2B7A8 · #C48D58 · #967017 · #345A4A
A conversation between Ochre and Mustard, giving this palette its sense of optimism and balance.
The five colors
- Blush (#FFF0FF): A whisper-light, dusty pink — the color of neon signs at night.
- Rose Quartz (#F2B7A8): A whisper-light, dusty orange — the color of sun-warmed clay.
- Mustard (#C48D58): A luminous, balanced gold — the color of old brass.
- Ochre (#967017): A full-bodied, balanced gold — the color of honey in a jar.
- Pine (#345A4A): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Optimism, Balance. 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
- Amber Grove color palette (#FFF2EC, #E5A885, #C07827, #815C26, #505149)
- Patina Summit color palette (#FFEAF3, #E3C79A, #A6A15A, #608240, #255757)
- Aged Amber color palette (#EEF8F0, #D6C297, #77BBDD, #AD8623, #235369)
- Airy Amber color palette (#F7E2D9, #D08215, #947500, #4C5500, #0F3A00)
- Softworn Meadow color palette (#FFF1F6, #B7D3C0, #B68F9D, #97665D, #324F46)
- Worn Summit color palette (#E6FCE7, #EBD0A7, #B5955D, #7E6412, #4A3309)
- Dusty Bronze color palette (#EEE9FF, #F0BBD9, #D58390, #B16048, #63424E)
- Gentle Bronze Balcony color palette (#FEE0C7, #A97F00, #617100, #0D4B04, #002617)
Browse the whole catalog at Explore, or see today's palette.