Wandering Cocoa Villa color palette — #FFF2EA · #DEDFCB · #B6C8B1 · #9E7F89 · #614441
A conversation between Cocoa and Heather, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Bone (#DEDFCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B6C8B1): A luminous, dusty green — the color of new leaves after rain.
- Heather (#9E7F89): A luminous, dusty rose — the color of a warm blush.
- Cocoa (#614441): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Wandering Cocoa Villa 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
- Wandering Stone Grove color palette (#FFF4DF, #B0CCA5, #728E6F, #714642, #44231E)
- Tempered Fern Meadow color palette (#F7F5EB, #BDE1D8, #A1B691, #987F78, #444C00)
- Ancient Stone Garden color palette (#FFF1F7, #ABCDBA, #7FA09F, #6D6A7E, #564755)
- Dusty Vanilla color palette (#FDF8C5, #C8D1AC, #70AAAD, #8D625B, #513028)
- Ancient Ash Thicket color palette (#F4F8E1, #AED9AD, #D0ABDE, #C28EBC, #383932)
- Wandering Jade Atelier color palette (#F5F6E9, #CEF2C3, #D8BFF2, #7CA86F, #5F3947)
- Petrol Garden color palette (#E3EBC9, #7DB797, #018092, #5E2F32, #310B0F)
- Hushed Forest color palette (#F3D9C4, #838646, #0E6139, #320C38, #040001)
Browse the whole catalog at Explore, or see today's palette.