Cocoa Villa color palette — #E2F8DE · #A3C2B0 · #9A7E9A · #7F5850 · #634900
Bronze takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Honeydew (#E2F8DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#A3C2B0): A luminous, dusty teal — the color of shallow lagoons.
- Heather (#9A7E9A): A luminous, dusty pink — the color of a candy shop window.
- Coffee (#7F5850): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#634900): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns 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
- Antique Villa color palette (#E0FCF0, #C4A5BE, #9F7687, #8A5822, #684B00)
- Ancient Meadow color palette (#F6F8DD, #A3B995, #68896F, #7B5A61, #733F0A)
- Ash Field color palette (#D1F6ED, #A2CBD5, #8CA3C2, #8D6C76, #604750)
- Timeworn Chestnut color palette (#D2EBFF, #A4AADA, #896EA1, #7E4B0B, #48453E)
- Olive Drift color palette (#F9F4EC, #BCAF87, #667D3A, #51621D, #514000)
- Softworn Alley color palette (#F9E1F8, #8D8BB5, #815A8E, #5B4017, #1D3C16)
- Aged Terrace color palette (#F9F4EE, #C5E5D7, #4B8FCF, #186E7A, #583E55)
- Timeworn Amber color palette (#E8FAF3, #60A8D6, #C37236, #006D9E, #47413C)
Browse the whole catalog at Explore, or see today's palette.