Wandering Cocoa color palette — #FFF2ED · #EED7D6 · #EDBEA6 · #C1B173 · #693107

A conversation between Bronze and Camel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#EED7D6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#EDBEA6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#C1B173): A luminous, balanced green — the color of fresh herbs.
• Bronze (#693107): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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 Mustard color palette (#FFF3E7, #E5DAD1, #FFCC99, #B3B15C, #4D4842)
• Dusty Summit color palette (#FFF1F1, #E2D1D3, #BFC2AD, #E3958C, #583D3A)
• Soft Amber color palette (#FFF2EB, #FFC1CD, #FFA180, #CA9000, #522A06)
• Washed Courtyard color palette (#FFF2EE, #F0CFBB, #BFA786, #7C8D7B, #47564E)
• Wandering Meadow color palette (#FFF2ED, #FABAA1, #E28A52, #996E39, #55504A)
• Gentle Grove color palette (#FFF3E8, #EFB788, #5EBDF0, #BC7B40, #365449)
• Fern Lagoon color palette (#F7F5EB, #D1D4B6, #71AA89, #957374, #4F5100)
• Emerald Quarry color palette (#FEF5D6, #FFC574, #B0B500, #00B060, #293100)

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