Dusty Bronze color palette — #FFF1F0 · #CA8EA8 · #9E813A · #007678 · #463033

A conversation between Caramel and Teal, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Dusty Rose (#CA8EA8): A luminous, dusty rose — the color of a warm blush.
• Caramel (#9E813A): A luminous, balanced gold — the color of old brass.
• Teal (#007678): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#463033): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Dusty 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

• Pine Field color palette (#FEF2F2, #BF8AB1, #BA776D, #44723E, #3E2E3E)
• Washed Petrol color palette (#FFF1F2, #CCA1C4, #8E9153, #386D9D, #2C4366)
• Patina Drift color palette (#FCF4EC, #C89C76, #759660, #2075A7, #44302C)
• Softworn Summit color palette (#FCF5E3, #DAAED0, #BF8073, #167B95, #59413E)
• Weathered Mallow Boulevard color palette (#F8F2FF, #E899C5, #789664, #577452, #1B2330)
• Muted Olive color palette (#FFF2E9, #BE7549, #407B1F, #005783, #321513)
• Pine Grove color palette (#F0F5FF, #7083BE, #3C7C4A, #005F5F, #27343F)
• Patina Courtyard color palette (#FEEEE8, #CA8787, #7D4A16, #44332E, #291F1E)

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