Cocoa Villa color palette — #F9EAE6 · #B36A79 · #612802 · #291A17 · #100B0B

A conversation between Rust and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F9EAE6): a clean, paper-quiet neutral.
• Mocha (#B36A79): A luminous, balanced red — the color of a theater curtain.
• Rust (#612802): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#291A17): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#100B0B): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Wandering Orchid color palette (#F7EAEC, #A269B1, #523132, #271A1D, #100B0D)
• Antique Lagoon color palette (#F7EBE1, #B76E38, #3F3B35, #271B12, #100B09)
• Tempered Blush color palette (#F9EDFB, #DA798E, #62525E, #3C353D, #232025)
• Softworn Blush color palette (#FFF2EF, #E98FA6, #7A4514, #372623, #150D0E)
• Shadow Chestnut color palette (#EEDCCE, #9D4900, #342000, #180800, #040101)
• Dusty Amber Garden color palette (#FFEEE2, #D2875F, #3DA282, #776FAA, #342316)
• Chestnut Coast color palette (#F7E7C8, #6C5A00, #303C3C, #1B2200, #0B0700)
• Softworn Driftwood Hollow color palette (#F4F2EB, #CAC59F, #708C68, #78575E, #32312A)

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