Cocoa Villa color palette — #FCF3EE · #CBC194 · #7E5140 · #5A2900 · #2A2417
A conversation between Espresso and Coffee, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Sand (#CBC194): A luminous, dusty green — the color of fresh herbs.
- Coffee (#7E5140): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#5A2900): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#2A2417): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Worn Cocoa color palette (#FAF4EF, #E9CCAA, #A17154, #723E08, #342921)
- Muted Alley color palette (#FBF4EF, #E1B59E, #548B6D, #9C5933, #2C2F28)
- Ancient Stone color palette (#F8F6E8, #CAA877, #4E5622, #2F2E27, #171D11)
- Wandering Taupe color palette (#FAF3F7, #BFEAD0, #C4917D, #7D6473, #32282E)
- Midnight Chestnut Quarry color palette (#F4E5D9, #725C00, #1F2C2A, #240D00, #060100)
- Worn Bronze Drift color palette (#EAE3CF, #9F7100, #2F3840, #2B2800, #0B0900)
- Washed Cocoa color palette (#FFF3E6, #C3A173, #678058, #5F507C, #5B4400)
- Cypress Garden color palette (#FBF4EC, #AB8156, #007772, #50456C, #3B3630)
Browse the whole catalog at Explore, or see today's palette.