Dusty Cocoa Station color palette — #FDF3EA · #E7CDA3 · #987652 · #6D4200 · #302A23

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Wheat (#E7CDA3): A whisper-light, dusty gold — the color of old brass.
• Mocha (#987652): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6D4200): A full-bodied, balanced gold — the color of old brass.
• Onyx (#302A23): quiet, heavy and certain.

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

Use it as a design system

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

• Ancient Olive color palette (#F7F6EB, #D0C68C, #677A42, #4A4400, #242214)
• Washed Villa color palette (#FDF2F5, #CFDDCD, #A77C4E, #5B3C47, #21191B)
• Antique Driftwood color palette (#F9F5EE, #E4CF9D, #95A36A, #A48942, #2F2E27)
• Muted Bronze Thicket color palette (#F6E5CF, #966C00, #3C2700, #1B2119, #0B0500)
• Aged Boulevard color palette (#E7DDC9, #BFA151, #645400, #312800, #110A00)
• Taupe Atelier color palette (#FEF1F6, #EEDDAC, #C69264, #86606F, #31292C)
• Aged Taupe Grove color palette (#FFF3E6, #CFA16C, #74AA87, #9C6883, #563500)
• Antique Taupe Ridge color palette (#F8F5EE, #D7DCD3, #A7B3AD, #A69B7B, #56524A)

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