Wandering Cocoa Garden color palette — #FFF2EE · #E0DACE · #9EC1BA · #D09AC2 · #76391B
A conversation between Bronze and Mauve, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0DACE): a clean, paper-quiet neutral.
- Ash (#9EC1BA): A luminous, dusty teal — the color of shallow lagoons.
- Mauve (#D09AC2): A luminous, balanced pink — the color of a candy shop window.
- Bronze (#76391B): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Wandering Cocoa Garden 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
- Timeworn Coral Veranda color palette (#FFF3E7, #DCE0C9, #BDBBC5, #DD8C85, #614000)
- Cocoa Lagoon color palette (#FFEEE7, #E0D4C8, #F2B993, #926C61, #582200)
- Washed Stone Canyon color palette (#FCF1FF, #DAD9CD, #D9BC84, #7F7297, #584757)
- Softworn Atelier color palette (#FFF3E4, #EADBBB, #BB9764, #915C3E, #33322B)
- Worn Garnet color palette (#FFD7C1, #D7B46B, #6F9E37, #7E0020, #020100)
- Wandering Chestnut color palette (#FFF4DC, #D0F3AE, #55C7AF, #955000, #111600)
- Hushed Basalt Chapel color palette (#ECF7FF, #BDFFE4, #FFD0C5, #542100, #251913)
- Linen Corridor color palette (#FFF2F0, #E1DDCF, #D0DE62, #E54F8F, #3E1C00)
Browse the whole catalog at Explore, or see today's palette.