Wandering Cocoa color palette — #FFF4DC · #CAC4AB · #9BA78F · #96676C · #804127

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

The five colors

• Cream (#FFF4DC): A whisper-light, dusty gold — the color of honey in a jar.
• Stone (#CAC4AB): A luminous, dusty green — the color of fresh herbs.
• Taupe (#9BA78F): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#96676C): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#804127): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Worn Pewter Workshop color palette (#FFF3E9, #DAC8B9, #A19A7D, #7174A0, #6A4248)
• Bronze Lagoon color palette (#E1E9D0, #A0C0A8, #7893BA, #8E6135, #544700)
• Bronze Field color palette (#FAF4EA, #CAC5A5, #6F9C74, #8C6C26, #4C4300)
• Antique Chestnut Boulevard color palette (#DCEBE1, #91B496, #597CAE, #814710, #36370B)
• Softworn Glacier color palette (#DAFFF1, #A6EDE1, #92B6C4, #86738F, #56495C)
• Timeworn Workshop color palette (#E7E6C3, #82C49C, #0099A0, #A4354E, #563000)
• Washed Lagoon color palette (#FAF4EF, #C7E3E5, #88A6D5, #028B93, #5B3D50)
• Ancient Garnet color palette (#E5E1CD, #6C9068, #00746A, #71003B, #2F1100)

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