Dusty Bronze color palette — #FBF3EE · #DDDAD0 · #A1B1A8 · #AD7248 · #58514C

Mocha and Ash set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Bone (#DDDAD0): bright and airy, almost weightless.
• Ash (#A1B1A8): A luminous, dusty teal — the color of glacier melt.
• Mocha (#AD7248): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#58514C): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Pewter Study color palette (#F7F5ED, #D7DED2, #B8C5B5, #75784B, #4A483F)
• Wandering Basalt color palette (#F0ECE4, #BEB9A5, #938F75, #4F4500, #241F10)
• Ancient Apricot color palette (#FFF3E3, #D49967, #8D733E, #3D644A, #653E00)
• Bronze Thicket color palette (#EBDED4, #A99682, #916828, #442000, #100702)
• Dusty Fern Harbor color palette (#F6F6E7, #D1D7B4, #A1AC88, #3A6900, #33332C)
• Dusty Bronze color palette (#FCF3EF, #E0DAD0, #A6B1A8, #B16F51, #5A504C)
• Antique Bronze Courtyard color palette (#FAF4EE, #DCDBD0, #A6B2AE, #A87640, #56524D)
• Dusty Bronze color palette (#FAF4ED, #DADBD1, #A4B1AE, #A4793B, #56524D)

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