Cocoa Villa color palette — #F1E6D0 · #5A4800 · #002F3E · #2B0400 · #0B0700

Built around Deep Olive, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Parchment (#F1E6D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#5A4800): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#2B0400): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0B0700): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Onyx Alley color palette (#F4F0DD, #3D4000, #1B2727, #1F0059, #0C0900)
• Velvet Forest color palette (#DEF2F2, #005836, #002C49, #200021, #030100)
• Twilit Canyon color palette (#DBE5D2, #404B51, #004434, #1B1F27, #000A0F)
• Worn Summit color palette (#F0ECDD, #3F7B49, #00413A, #242400, #001503)
• Cellar Onyx color palette (#D9E6DA, #005559, #4A0047, #270025, #0E0500)
• Tempered Chapel color palette (#F3EDDF, #51885A, #005A6B, #482100, #221800)
• Nightshade Alley color palette (#E0EFE1, #006567, #261594, #2B1C00, #001616)
• Navy Basin color palette (#DBE3CE, #007A4D, #004583, #490031, #0D0600)

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