Dusty Cocoa color palette — #FCF4EC · #E1CFAB · #9E734E · #704000 · #322A23

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

The five colors

• Ivory (#FCF4EC): bright and airy, almost weightless.
• Wheat (#E1CFAB): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#9E734E): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#322A23): 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

• Tempered Bronze color palette (#FCF4EC, #FCD89F, #B69879, #916128, #312A23)
• Dusty Studio color palette (#FDF2F5, #A8CBAA, #82521A, #4E2D3A, #2E2221)
• Driftwood Archive color palette (#FFF1F6, #CBE7D2, #A17889, #573D48, #22181C)
• Muted Terrace color palette (#F6F6EA, #E3BD91, #5C7D45, #314B1E, #232310)
• Wandering Station color palette (#E5DDCD, #C39F5D, #645500, #312900, #110A00)
• Amber Villa color palette (#F9F4EF, #F1C9A1, #6BAB90, #BA7D37, #233400)
• Antique Cocoa Canyon color palette (#FFF3E7, #CEBD8C, #739F7A, #81608F, #554700)
• Antique Grove color palette (#F8F5EF, #D8DBD5, #A7B7B4, #AB9B61, #56524A)

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