Wandering Cocoa color palette — #FFE9D8 · #586568 · #733E00 · #292212 · #060600

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

The five colors

• Cream (#FFE9D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Graphite (#586568): a grounded near-black with real depth.
• Bronze (#733E00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#292212): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Garnet Terrace color palette (#F3E0EF, #4F5D5D, #940506, #2B1D10, #0A0400)
• Bronze Dune color palette (#F6DFD7, #A76C00, #665100, #262800, #000200)
• Marigold Market color palette (#EBFAED, #DDA30B, #3D5C54, #242E26, #130D11)
• Inked Fern Boulevard color palette (#D1F1E1, #525000, #354249, #10191C, #000802)
• Olive Pier color palette (#CDEEE1, #737F00, #4C4753, #002B2C, #000503)
• Basalt Pier color palette (#FEDAE7, #374436, #502C00, #13160F, #0B0500)
• Clover Courtyard color palette (#E4FBF8, #1DBC53, #294C56, #0E2221, #030605)
• Wandering Amber color palette (#F1DEDE, #BD8E52, #4D6B36, #1D2D4C, #020128)

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