Cocoa Villa color palette — #FBF4EC · #DEE0CC · #A07F5B · #5D3F1C · #24190D

Cocoa takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Bone (#DEE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A07F5B): A luminous, dusty gold — the color of old brass.
• Cocoa (#5D3F1C): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#24190D): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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

• Tempered Basalt color palette (#F6F6EB, #FCE2AF, #638054, #254113, #111001)
• Softworn Lagoon color palette (#F1EFDE, #C69B37, #324300, #1A2528, #050900)
• Softworn Bronze Canyon color palette (#FCF4EC, #EADEAF, #C7925E, #916129, #302A24)
• Dusty Stone Balcony color palette (#F8EFF2, #D5C384, #7F5832, #3F2A32, #191114)
• Timeworn Amber Alley color palette (#F8F4EF, #E0E0CD, #84BF8F, #C39008, #1D2012)
• Cellar Bronze Boulevard color palette (#E9DFD1, #99730A, #261800, #0D0C06, #020100)
• Wandering Summit color palette (#FAF5E8, #D9B66B, #5B5200, #1C1900, #020100)
• Worn Cobalt color palette (#FEF3E7, #E0BD8A, #7EB7D3, #8179B3, #35312B)

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