Cocoa Villa color palette — #F6DACC · #682A00 · #003659 · #171B3D · #050100

A conversation between Rust and Navy, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F6DACC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#682A00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Navy (#003659): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#171B3D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Shadow Garnet Alley color palette (#FFE5EB, #77003A, #003C3C, #01232F, #060001)
• Nightshade Delta color palette (#F6DDC8, #5F3300, #14009E, #0B0C6D, #040100)
• Worn Bronze Balcony color palette (#EEDDCE, #935A00, #492200, #1D2721, #110600)
• Aubergine Workshop color palette (#FDEACC, #483400, #33006E, #17003A, #030100)
• Velvet Onyx Veranda color palette (#F4DDCC, #5B2D00, #2A3700, #440028, #030100)
• Misty Aubergine Terrace color palette (#E3E7D3, #4B5200, #5E0088, #470467, #070800)
• Sunlit Aubergine Dune color palette (#F4EFE0, #6F5700, #551DB6, #412286, #181100)
• Weathered Boulevard color palette (#F9E1DA, #B88400, #00863B, #5E082F, #180A00)

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