Dusty Cocoa color palette — #FFEFDF · #BEA884 · #946B45 · #743A14 · #29220C

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFEFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#BEA884): A luminous, dusty gold — the color of old brass.
• Walnut (#946B45): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#743A14): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#29220C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Washed Cocoa color palette (#FFF3E7, #BAA387, #94683B, #794112, #413C36)
• Patina Chestnut color palette (#EDDECD, #A99761, #855B22, #602E16, #1E1800)
• Aged Chestnut Garden color palette (#FFF1F6, #AAC6B0, #AE8661, #8E5A4A, #254537)
• Wandering Drift color palette (#ECF5E5, #009D7D, #A75D53, #7F3B26, #141E0A)
• Patina Loft color palette (#EEE5D8, #7A7434, #583E00, #391900, #030600)
• Patina Thicket color palette (#EBF5E9, #D8A78A, #00635D, #162E12, #051004)
• Worn Pier color palette (#EEF4EC, #6FC6B7, #616DBC, #007568, #160913)
• Pale Cobalt color palette (#E5F6F0, #2C85C3, #575096, #6C2412, #111703)

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