Tempered Bronze color palette — #FFF1F7 · #DAC0C8 · #B692B0 · #AA6A48 · #784210

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Oat (#DAC0C8): A whisper-light, dusty rose — the color of a warm blush.
• Dusty Rose (#B692B0): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#AA6A48): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#784210): A full-bodied, balanced gold — the color of old brass.

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

• Hushed Basin color palette (#FFF1F3, #E7CDCC, #C1A9A4, #988570, #6C4B00)
• Weathered Pewter Atelier color palette (#D4F8E8, #AAD2C7, #AF99AA, #906B70, #624847)
• Softworn Chestnut color palette (#F8D6D2, #D3989B, #A07265, #6B5F19, #3D3C35)
• Patina Olive Delta color palette (#E4FCEF, #D1AFCB, #A97C88, #70691D, #445540)
• Cocoa Bloom color palette (#F3D9E7, #9C6E7B, #7C383B, #392900, #141100)
• Antique Forest Market color palette (#FAE9DD, #B19171, #866B38, #005520, #003625)
• Patina Petal color palette (#EBF7FF, #D4CBF1, #B3ABCD, #7D9F93, #39524A)
• Hushed Pine Veranda color palette (#FAD6C2, #CFB8A7, #A1896B, #55784B, #1B4E34)

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