Ancient Cocoa Villa color palette — #F0F7F2 · #B8DCBF · #64876C · #5D4A1F · #222F25
Bronze takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F0F7F2): bright and airy, almost weightless.
- Celadon Mist (#B8DCBF): A whisper-light, dusty teal — the color of sea glass.
- Fern (#64876C): A full-bodied, dusty teal — the color of glacier melt.
- Bronze (#5D4A1F): A full-bodied, dusty gold — the color of old brass.
- Deep Forest (#222F25): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Ancient 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
- Ancient Cocoa color palette (#F9F4ED, #CADDCB, #97835A, #5D4000, #201A10)
- Ancient Summit color palette (#E9F9F7, #C8C893, #4D804E, #284C29, #0D2724)
- Dusty Pine Field color palette (#D7FFF6, #B7DBB8, #73AE86, #008860, #005243)
- Muted Petrol color palette (#E7FAF3, #A2CB9F, #5FA286, #2677A2, #304E4C)
- Driftwood Orchard color palette (#FBF2F7, #F0C3D1, #A1705C, #624156, #32282E)
- Moss Lagoon color palette (#F0F7F4, #B1DCCA, #63AE7F, #8E9418, #1D3232)
- Dusty Bronze Ridge color palette (#F9F4ED, #F5DBA4, #B39B6A, #8A6622, #312A1F)
- Fern Orchard color palette (#D1E9E4, #9D963B, #275100, #0C2100, #000303)
Browse the whole catalog at Explore, or see today's palette.