Dusty Cocoa color palette — #FFF2EC · #E6CE9D · #9F6F68 · #763A1C · #332924

Built around Bronze, softened by Wheat — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Wheat (#E6CE9D): A whisper-light, dusty gold — the color of old brass.
• Mocha (#9F6F68): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#763A1C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#332924): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Dusty Driftwood Market color palette (#F9F3F7, #E7D8D6, #AF7568, #64392F, #22171F)
• Worn Workshop color palette (#FFF2ED, #C8C292, #785448, #4C3127, #2A241C)
• Worn Field color palette (#FBF3EE, #FFC0A8, #9EA064, #B47D68, #312E24)
• Weathered Mustard color palette (#FFF2E9, #EAB100, #A54B00, #5A2C0F, #271609)
• Worn Amber color palette (#F0E0CA, #B88A00, #5A4000, #251800, #040200)
• Worn Ash color palette (#F9F3F9, #C1E9D4, #B292AF, #7D637B, #322731)
• Ancient Drift color palette (#FFF4E2, #EBB16C, #959760, #4B7490, #5F4100)
• Bronze Coast color palette (#F3E0D5, #936E00, #4F1400, #191A0F, #110200)

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