Tempered Bronze color palette — #F7E1EC · #D1A380 · #B06D46 · #86472F · #402831

Built around Mocha, softened by Coffee — the whole palette hums with optimism and warmth.

The five colors

• Rose Water (#F7E1EC): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#D1A380): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#B06D46): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#86472F): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#402831): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Wandering Balcony color palette (#FFE7F1, #DDA975, #C76A00, #994408, #253C25)
• Hushed Bronze color palette (#EED8DE, #C19652, #9D6300, #733D00, #2F2200)
• Wandering Amber Atelier color palette (#F6E4D7, #E0B995, #CE8C67, #A1695D, #34302A)
• Patina Bronze color palette (#DCEDE2, #B3B278, #928110, #6D581F, #1C362D)
• Softworn Delta color palette (#FFF0F8, #B0D2B1, #B37A5E, #82424A, #01291A)
• Chestnut Coast color palette (#E4F3E9, #CDB16C, #776100, #413400, #0A1A10)
• Soft Indigo color palette (#FFF0F8, #D26123, #6956C9, #70326D, #29192C)
• Antique Taupe color palette (#ECF9F2, #B0D4C5, #A29F62, #5A7E68, #3A4C46)

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