Muted Bronze color palette — #FEF2EC · #E2DBC3 · #D5A08D · #A9664C · #593700

A conversation between Mocha and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Bone (#E2DBC3): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#D5A08D): A luminous, dusty orange — the color of toasted spice.
• Mocha (#A9664C): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#593700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Cocoa Balcony color palette (#FFF2EB, #F9D1AB, #D1AD9A, #AA8984, #5C4300)
• Bronze Drift color palette (#FFF3E5, #CCAF63, #9F6A00, #6C3600, #191100)
• Stone Coast color palette (#EAF9F2, #8BCDF0, #DE9998, #967E52, #24362F)
• Taupe Parlor color palette (#FBF5E4, #E5DFB2, #A3A266, #7D6833, #32322B)
• Softworn Driftwood Boulevard color palette (#FFF0F9, #CEADBE, #97748A, #6F5468, #56414A)
• Amber Loft color palette (#FEF4E5, #D1C998, #A68437, #745028, #282104)
• Antique Villa color palette (#FCDFCC, #B2773D, #7D3500, #460200, #020100)
• Worn Taupe color palette (#F3E4C5, #9CA04F, #715E00, #442D00, #050400)

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