Ancient Cocoa Villa color palette — #FFF2EA · #BEA376 · #4F8564 · #644F74 · #574600
Deep Olive takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Camel (#BEA376): A luminous, dusty gold — the color of old brass.
- Fern (#4F8564): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#644F74): A full-bodied, dusty violet — the color of wild irises.
- Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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
- Hushed Fern color palette (#FFF2EF, #95B286, #48818C, #754B5D, #3B500A)
- Pine Loft color palette (#E9F6EB, #B1AE80, #588657, #454E7C, #19322A)
- Patina Cabin color palette (#FFF2EC, #D2C7AF, #929B84, #856B64, #644941)
- Timeworn Taupe color palette (#FAF5E8, #A59953, #6A69A0, #5C4975, #5D343C)
- Moss Lantern color palette (#FFF2EF, #959100, #007065, #662668, #243D17)
- Mint Harbor color palette (#FFF0F9, #EACB98, #83BE99, #9881A8, #384D44)
- Olive Corridor color palette (#F4F3E3, #728640, #2B4601, #2A291E, #151610)
- Quiet Garnet color palette (#FFDBD4, #009279, #005395, #6D0900, #003033)
Browse the whole catalog at Explore, or see today's palette.