Cocoa Villa color palette — #FCE7CA · #594800 · #312D00 · #121600 · #010100

Deep Olive and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#FCE7CA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#594800): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#312D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#121600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Cocoa Quarry color palette (#F7DCD7, #792F00, #472200, #170B00, #020100)
• Aubergine Garden color palette (#CAE7DA, #4E5000, #3C059C, #1F2000, #010009)
• Smoked Fern Alley color palette (#E2ECD7, #206200, #003C18, #00160E, #000201)
• Onyx Alley color palette (#E5EDCE, #374100, #003551, #450021, #010100)
• Weathered Olive Summit color palette (#DCE7CB, #348A00, #005317, #002A1B, #000F0B)
• Ancient Emerald color palette (#DCF6EC, #5C9A62, #007765, #362A00, #010300)
• Eclipse Forest Corridor color palette (#FEE7E9, #00639B, #006420, #070D10, #000201)
• Faded Moss color palette (#F6EED9, #A69D00, #707B00, #335100, #042A02)

Browse the whole catalog at Explore, or see today's palette.