Dusty Cocoa color palette — #E8DAE2 · #B4A4AA · #6F8673 · #5F2100 · #1F0C18

A conversation between Espresso and Driftwood, giving this palette its sense of optimism and sophistication.

The five colors

• Silver (#E8DAE2): bright and airy, almost weightless.
• Ash (#B4A4AA): A luminous, dusty rose — the color of pressed rose petals.
• Driftwood (#6F8673): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#5F2100): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1F0C18): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Garnet Market color palette (#F3E8F4, #B5A3B0, #927584, #6C0024, #1D0C1F)
• Timeworn Workshop color palette (#E7F2E7, #9DAEA3, #64887B, #4C3100, #071809)
• Wandering Field color palette (#F3E9E4, #BFB2A2, #9C9679, #902A00, #220E03)
• Tempered Basin color palette (#E9F1EC, #C1D0CA, #8CA7A2, #625500, #233229)
• Spruce Delta color palette (#DBEFE2, #69722B, #204100, #410D0C, #0F1100)
• Antique Garden color palette (#FAECE3, #7F7040, #425224, #002C46, #1E0D30)
• Weathered Pewter Parlor color palette (#EEF7F5, #D1DEE3, #B1C3CF, #677C56, #3F4B48)
• Soft Ember color palette (#F2E0E7, #EF5532, #9B5A00, #555300, #0F0800)

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