Cocoa Villa color palette — #FCE6D9 · #832900 · #3D2D00 · #00202E · #130200

Built around Rust, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#FCE6D9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#832900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3D2D00): A deep, shadowed, dusty gold — the color of old brass.
• Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#130200): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Moonless Garden color palette (#FFE6E2, #7B0039, #432400, #001D1F, #190006)
• Cocoa Workshop color palette (#FFECDD, #6C3300, #27312C, #120F00, #070200)
• Smoked Pier color palette (#E6E2D4, #4F5300, #343600, #00212E, #140100)
• Antique Alley color palette (#FBDCEE, #C15059, #703600, #322600, #111B00)
• Charred Garnet Coast color palette (#F1DBF1, #830025, #004124, #001926, #010008)
• Worn Plum color palette (#F0E6D1, #AD2B64, #543600, #00234D, #320001)
• Garnet Studio color palette (#E6DCD8, #C4B6AA, #9B8C6D, #84001D, #2E1911)
• Navy Study color palette (#FFEBD1, #785400, #3D4F00, #002968, #260F00)

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