Wandering Cocoa color palette — #E4DDD8 · #C1BAAF · #9A917A · #593100 · #020100

Cocoa and Gray set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#E4DDD8): bright and airy, almost weightless.
• Stone (#C1BAAF): a calm mid-gray that lets other colors speak.
• Gray (#9A917A): A luminous, dusty gold — the color of old brass.
• Cocoa (#593100): A deep, shadowed, balanced gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

One click turns Wandering 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

• Onyx Bloom color palette (#F6E5EB, #8CA08F, #5E776A, #412200, #13040A)
• Fern Atelier color palette (#EFEFE7, #CFD2C4, #9CAD8C, #3A5800, #030300)
• Muted Chestnut color palette (#E8DDD5, #A0A38E, #6B987F, #964C11, #130600)
• Muted Veranda color palette (#F1DCBA, #F66F00, #9F7700, #3D5900, #010100)
• Chestnut Alley color palette (#EDDEC6, #8A5600, #343400, #000E1A, #020100)
• Abyss Bloom color palette (#F1EEDF, #658553, #004923, #320F00, #000200)
• Forest Parlor color palette (#FDEBD2, #79766E, #2D5B25, #001D48, #03000F)
• Tempered Bronze Parlor color palette (#F8F5EF, #DBE0D0, #BACAB1, #957000, #241D12)

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