Tempered Bronze color palette — #FEF2F0 · #F0A8BE · #B1664F · #96576B · #332C28

Mocha and Ballet Pink set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FEF2F0): bright and airy, almost weightless.
• Ballet Pink (#F0A8BE): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#B1664F): A full-bodied, balanced orange — the color of autumn markets.
• Pewter (#96576B): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#332C28): quiet, heavy and certain.

Feels like: Warmth, Comfort, Sophistication. Tagged duotone, 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

• Antique Pewter Alley color palette (#FAEFEE, #E5B2CC, #AE7256, #9A597C, #1E130B)
• Muted Bronze color palette (#FBF3EE, #EBB197, #987839, #985B3E, #332D24)
• Ancient Driftwood Courtyard color palette (#F7F3FA, #F7BEDA, #BC9265, #B07896, #39282E)
• Tempered Atelier color palette (#FFF1F1, #F4A597, #B37660, #845136, #6D3F0C)
• Worn Bronze color palette (#F2E1D4, #B35B00, #493F00, #4F2400, #050300)
• Patina Chapel color palette (#FCF3F0, #E0D9D0, #A5B0A3, #9B796F, #58514F)
• Coral Bloom color palette (#FFF2EE, #FF6874, #9D4900, #A2022C, #2B1707)
• Dusty Peony color palette (#FFF1F1, #B86096, #845A32, #3B4D74, #403136)

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