Cocoa Villa color palette — #F7E0EC · #A16637 · #703000 · #4A1300 · #231100

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Rose Water (#F7E0EC): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#A16637): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#703000): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4A1300): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#231100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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 Terrace color palette (#E0F5E2, #88733E, #5C3F00, #3A2200, #1B1600)
• Hazy Amber color palette (#FFE5D3, #DC883F, #B36536, #834833, #231200)
• Muted Chestnut Cabin color palette (#FDE6F0, #AA7D52, #824202, #5D2200, #102B10)
• Antique Cabin color palette (#F7E8F0, #B55829, #484508, #551F00, #060300)
• Cellar Fern color palette (#D1EEDF, #5B5E00, #312D00, #161000, #030400)
• Bronze Atelier color palette (#FFF1F6, #C19BA7, #936844, #71452B, #304331)
• Faded Scarlet Pier color palette (#D0E9CF, #B68B00, #ED1900, #200E00, #11030E)
• Worn Chestnut color palette (#EEF8F1, #A7BFB1, #668A72, #715A2E, #394D44)

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