Cocoa Villa color palette — #F6F9D3 · #B3C09F · #788B7A · #70565D · #6E3706
A conversation between Bronze and Custard, giving this palette its sense of optimism and sophistication.
The five colors
- Custard (#F6F9D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#B3C09F): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#788B7A): A luminous, dusty green — the color of a quiet forest floor.
- Graphite (#70565D): A full-bodied, dusty red — the color of a theater curtain.
- Bronze (#6E3706): A full-bodied, balanced gold — the color of afternoon light on wheat.
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
- Weathered Driftwood Studio color palette (#FFF2DC, #B7AE8C, #7D8A44, #725C6E, #634341)
- Cocoa Basin color palette (#C7EAD3, #89B1A5, #87687C, #764B44, #5C3600)
- Softworn Chestnut color palette (#F9F5EB, #B7B187, #5A7F53, #6F5600, #4C4300)
- Ancient Driftwood Villa color palette (#FFF0F8, #B4D0C0, #84A6A9, #9C6A66, #5E4652)
- Patina Aqua color palette (#D8FFF6, #AFDEDF, #7CC3C6, #8A86AD, #55485F)
- Petrol Courtyard color palette (#F9F4EE, #C5E5D9, #6B8DB6, #116E7F, #5A3C55)
- Weathered Studio color palette (#D5E6EC, #688AAD, #5D5680, #57240F, #332000)
- Driftwood Summit color palette (#EDFAE9, #4FB3A5, #BD6F7D, #00766A, #642F3A)
Browse the whole catalog at Explore, or see today's palette.