Dusty Cocoa color palette — #FBF4E8 · #E6CDA7 · #8E7B4F · #664700 · #322A1D

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

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Wheat (#E6CDA7): A whisper-light, dusty gold — the color of old brass.
• Walnut (#8E7B4F): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#664700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#322A1D): 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

• Timeworn Boulevard color palette (#F1F7F2, #CADCCA, #9E823F, #354D3B, #141E16)
• Muted Dune color palette (#FAF4EB, #F0DCB1, #B19C6D, #8A6622, #312A20)
• Timeworn Chestnut color palette (#EFF8F1, #A7CBAE, #715B27, #23402B, #192926)
• Washed Fern Station color palette (#F2F7EE, #EFB59E, #338269, #314C09, #1F241A)
• Aged Driftwood Lantern color palette (#FAF4ED, #EACCA1, #50ABB3, #AC8447, #243226)
• Wandering Pier color palette (#F3EBD8, #9A6A00, #322C00, #1A221C, #080600)
• Dusty Fern Orchard color palette (#FFF2ED, #C1C28D, #659F97, #8D6167, #4B4B00)
• Patina Marigold Alley color palette (#F9F6E4, #F3AA47, #687000, #3A3F00, #1F1B05)

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