Cocoa Villa color palette — #F8ECE5 · #C4AF9E · #9E8974 · #712A00 · #120804

Rust and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F8ECE5): a clean, paper-quiet neutral.
• Rosewood Mist (#C4AF9E): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9E8974): A luminous, dusty gold — the color of old brass.
• Rust (#712A00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#120804): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Patina Summit color palette (#F5EDF2, #C6B3BA, #7E9581, #752705, #2A1924)
• Patina Bronze color palette (#F7EDE2, #AF9D84, #997532, #4F2D00, #090300)
• Patina Chestnut color palette (#FCF0E1, #E1D2B9, #B8AA89, #7A5200, #251702)
• Bronze Delta color palette (#F8F0EB, #DAD8CC, #BEBEAE, #946A4E, #332A23)
• Bronze Parlor color palette (#FBEBD6, #987D06, #515324, #033D30, #001212)
• Powdered Bloom color palette (#FCE7D3, #FF6D29, #B06600, #765900, #0D0400)
• Aged Workshop color palette (#F1E4D1, #935200, #4E3700, #002611, #0A0400)
• Wandering Cocoa color palette (#F6EAE0, #C0B09E, #9A8B75, #643700, #120802)

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