Wandering Cocoa color palette — #FFF2EF · #DAFACD · #E0DCCE · #BB97C4 · #723715

Bronze and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Honeydew (#DAFACD): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#E0DCCE): a clean, paper-quiet neutral.
• Mauve (#BB97C4): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#723715): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Softworn Ash Corridor color palette (#FFF1F2, #E2D9D1, #9CB1B1, #A6A5D5, #5C423E)
• Antique Blush Dune color palette (#FFF3E8, #BDEDD3, #CCD4E0, #E58296, #483400)
• Hushed Parlor color palette (#E1F0FF, #FFCFCC, #C9BEC4, #61250A, #1B1310)
• Sunlit Peony Pier color palette (#FFF2EF, #E0DDCE, #AEE98A, #C068A8, #502204)
• Aged Pewter Cabin color palette (#FFF3E4, #E3DFB0, #B69970, #8D5D4C, #32322B)
• Dusty Mustard color palette (#FAF1FF, #EBDCCB, #CCC476, #8E6998, #574150)
• Dusty Garnet Study color palette (#FDE1CB, #CABA7D, #599F74, #7E2949, #020100)
• Weathered Apricot color palette (#FFF2EA, #F39871, #79A0D5, #4874AE, #322014)

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