Tempered Bronze color palette — #F3E2ED · #D3A288 · #B7684A · #7E4B41 · #3F2933

Mocha and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F3E2ED): A whisper-light, dusty pink — the color of neon signs at night.
• Camel (#D3A288): A luminous, dusty orange — the color of autumn markets.
• Mocha (#B7684A): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#7E4B41): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#3F2933): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, 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

• Powdered Courtyard color palette (#FFE5F3, #C5926D, #AD561D, #783822, #361925)
• Bronze Courtyard color palette (#DFECDE, #C7A975, #AE7200, #7B5025, #213627)
• Timeworn Taupe Studio color palette (#F7E4D9, #E6B696, #D08971, #A36765, #342F2A)
• Timeworn Driftwood Corridor color palette (#FFF0FA, #E9BE96, #B87664, #7C4554, #062916)
• Raspberry Hollow color palette (#FFCFEB, #EA88B7, #C84F77, #95293F, #5F000D)
• Hazy Dune color palette (#F9E8F8, #D36B6F, #8D8300, #406F1E, #302030)
• Bronze Boulevard color palette (#DFEDDF, #A17500, #714900, #482700, #100A00)
• Dusty Taupe Terrace color palette (#EDF8F1, #B3D4C3, #A99C62, #607D67, #384D45)

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