Wandering Cocoa color palette — #FFF1F0 · #D9FACF · #E1DBCF · #DAABB5 · #7A3B22

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Honeydew (#D9FACF): A whisper-light, dusty green — the color of a quiet forest floor.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Rosewood Mist (#DAABB5): A luminous, dusty red — the color of a theater curtain.
• Bronze (#7A3B22): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Glacier Market color palette (#FFF3E7, #D2F8CE, #8DEBF5, #D99A9B, #604600)
• Worn Stone color palette (#FFF1F5, #E4D9D2, #D8B3D3, #9FB9D0, #5C4848)
• Hazy Study color palette (#FFF2EE, #E3DDC2, #BEED70, #D881C8, #643F26)
• Worn Fern color palette (#FDF3E8, #E7D8B2, #D3AF82, #AD8975, #4E4A00)
• Aged Stone Canyon color palette (#FEF3ED, #F6AE9D, #71C8C6, #AA8BC1, #433B38)
• Weathered Bronze color palette (#FBF4F0, #E2E2AE, #D18A72, #985C36, #322925)
• Bronze Boulevard color palette (#F1F5FF, #B7E4FF, #FFC3B9, #99593A, #3D3531)
• Hushed Chapel color palette (#F8EEFA, #C5E6CF, #EBD2D6, #9387A7, #463442)

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