Smoked Cocoa Villa color palette — #F5DAE9 · #7B2F00 · #00322C · #1F0034 · #0E000A

Rust takes the lead with Deep Indigo close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Shell Pink (#F5DAE9): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#7B2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00322C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#1F0034): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0E000A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Smoked 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

• Cellar Onyx Canyon color palette (#DBF2DE, #614400, #003039, #260027, #0F0004)
• Mulberry Pier color palette (#F5E4F9, #8B003C, #1A3100, #001232, #090022)
• Cocoa Grove color palette (#F5E4CD, #604300, #193100, #001412, #040000)
• Softworn Fern color palette (#D7EBDB, #816000, #295100, #002E29, #160100)
• Aged Fern color palette (#D2EBE0, #5B5C00, #003B56, #40001D, #220900)
• Washed Rose color palette (#F7E6EB, #F7463A, #8D5D00, #345800, #140D00)
• Gentle Orchard color palette (#F9E5ED, #6097B5, #004791, #003031, #0D083C)
• Tempered Harbor color palette (#CFE9DA, #517923, #004326, #430420, #081300)

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