Tempered Bronze color palette — #FCF3ED · #DEDAC8 · #CBB99F · #A0512E · #642F00

Ochre and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Bone (#DEDAC8): A whisper-light, dusty green — the color of new leaves after rain.
• Stone (#CBB99F): A luminous, dusty gold — the color of old brass.
• Ochre (#A0512E): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#642F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Dusty Pier color palette (#FEF2F1, #E4D7CB, #D3B5A5, #9A4D6D, #4C3B39)
• Softworn Bronze color palette (#F9F5EE, #D9DDD2, #B9C4B4, #897135, #4C473E)
• Tempered Ridge color palette (#FAEFEA, #D8D7CA, #C7BFA3, #AE4427, #302118)
• Weathered Chestnut color palette (#F4EDE8, #D3CBC1, #A89F8D, #834000, #392B1F)
• Muted Ember Lantern color palette (#FAF3F7, #D1E4DE, #A4CECF, #E04E21, #4A3A45)
• Driftwood Summit color palette (#EBE6D9, #ACAA9A, #82843C, #413700, #1B1200)
• Marigold Courtyard color palette (#FFF3E7, #FFC3B7, #F69409, #897F00, #4C3500)
• Dusty Delta color palette (#FEF4E0, #A1AA64, #4C7824, #73403D, #3C3B34)

Browse the whole catalog at Explore, or see today's palette.