Dusty Bronze color palette — #FAF4EF · #DCDBD2 · #A0B1AB · #AD7346 · #58514C

Built around Mocha, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Bone (#DCDBD2): bright and airy, almost weightless.
• Ash (#A0B1AB): A luminous, dusty teal — the color of sea glass.
• Mocha (#AD7346): A luminous, balanced gold — the color of afternoon light on wheat.
• 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

• Worn Olive Harbor color palette (#F7F5EF, #D6DDD5, #B3C6B7, #727A3F, #4A483D)
• Washed Oat color palette (#FFF3E6, #D4C4A8, #99977F, #5B726A, #594853)
• Antique Basalt Courtyard color palette (#F3EFE4, #BCBAA5, #8D9368, #4C4600, #241F0F)
• Antique Bronze color palette (#FEF4E3, #D09A75, #897623, #216279, #4C4741)
• Hushed Chestnut color palette (#F9F5EA, #C6C2A6, #6B8C62, #925334, #584E00)
• Wandering Bronze Pier color palette (#F2E9E0, #A1988C, #886D25, #422100, #100702)
• Wandering Fern color palette (#F5F6EA, #CED7BD, #97AF8A, #2D6B00, #33332D)
• Muted Bronze Delta color palette (#F9F4EF, #DADBD2, #9BB3AF, #A7763E, #57524C)

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