Wandering Cocoa color palette — #FFEEE6 · #A76A62 · #5B3000 · #37231B · #1B150F

Built around Cocoa, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#A76A62): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#5B3000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#37231B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#1B150F): quiet, heavy and certain.

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

• Bronze Summit color palette (#F2DFD2, #A44B00, #3C2500, #2B0F00, #0D0600)
• Softworn Apricot Alley color palette (#FAEDF7, #FB978B, #89757E, #5B5159, #242025)
• Aged Coral color palette (#FAEDF8, #DC7C76, #495F48, #3F343D, #232125)
• Inked Onyx Boulevard color palette (#FDE2D3, #51565D, #531600, #1E1C0E, #090300)
• Nocturne Cocoa color palette (#FEECD0, #5A4000, #212E2D, #101000, #050300)
• Tempered Parlor color palette (#FFF3E6, #B69064, #409A95, #87669F, #47413C)
• Hushed Chestnut color palette (#FFF2EC, #E4AE94, #B6794C, #8C5813, #534E48)
• Driftwood Quarry color palette (#F7F6EB, #C0C3AC, #758B48, #825A5B, #4E5200)

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