Dusty Cocoa color palette — #FFF2EA · #EFCA9F · #9E715D · #743D0E · #342921

A conversation between Bronze and Wheat, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#EFCA9F): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#9E715D): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#743D0E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#342921): A deep, shadowed, dusty gold — the color of old brass.

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

• Wandering Driftwood Atelier color palette (#FBF3F0, #C1EAD3, #AE756C, #643833, #231914)
• Patina Field color palette (#FDF3ED, #D2BD9C, #884C27, #5B2800, #28241C)
• Mustard Study color palette (#F9F5E9, #E0C169, #7D7332, #45423B, #252117)
• Ancient Station color palette (#FBF4ED, #FBC593, #9DA067, #AD8259, #302E27)
• Wandering Amber Courtyard color palette (#EDDDC1, #B58C00, #554300, #221A00, #040200)
• Worn Apricot color palette (#FFF2EA, #E19673, #8BA574, #8E6D92, #5F2E00)
• Bronze Summit color palette (#FFEBDB, #9D6800, #461F00, #1B1E14, #0E0300)
• Softworn Sand color palette (#FFF3E2, #E3D18A, #A19F60, #717841, #41531F)

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