Wandering Cocoa color palette — #FFECF2 · #B0D1AF · #A57949 · #684300 · #2E1A00

Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Pistachio (#B0D1AF): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#A57949): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#684300): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2E1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged monochrome, 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

• Fern Pier color palette (#DBFBEA, #D7D2A4, #8D894D, #514A00, #202000)
• Cocoa Workshop color palette (#FFEBF6, #EABFD8, #B67460, #7B3711, #351105)
• Worn Chestnut color palette (#FBEEF3, #ACC2B0, #9A7787, #774A49, #1D3129)
• Tempered Chestnut color palette (#FFF3E4, #DBDAC9, #D0A471, #895A11, #3D2700)
• Pewter Studio color palette (#ECF4F0, #B1CCB0, #676337, #363204, #0B1711)
• Amber Grove color palette (#EAEACD, #AD9930, #625900, #2A2C00, #050500)
• Weathered Bronze color palette (#EDF4EF, #A5CFB4, #488DA3, #886F00, #051822)
• Timeworn Emerald color palette (#E1E7DA, #5C9028, #374F00, #0D1F00, #010100)

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