Cocoa Villa color palette — #EDECFF · #FFD4A6 · #D7C7C9 · #5A3600 · #231C15
A conversation between Cocoa and Peach Cream, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#EDECFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Peach Cream (#FFD4A6): A whisper-light, dusty gold — the color of honey in a jar.
- Oat (#D7C7C9): soft and architectural.
- Cocoa (#5A3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#231C15): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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
- Muted Canyon color palette (#ECECFF, #FDDC3E, #DACBC5, #39352F, #16130B)
- Softworn Driftwood Grove color palette (#F9F5E8, #E5E2B3, #7B7A42, #3D3A04, #140F01)
- Softworn Coral Studio color palette (#FFE3EC, #A1C5FF, #FF8A84, #4B343A, #2B252B)
- Hushed Courtyard color palette (#FFEDE7, #FFC8CF, #00EC95, #093721, #0D1104)
- Powdered Mustard Lagoon color palette (#F4DBF0, #3ACCFD, #C8AA00, #2F2614, #140F07)
- Taupe Orchard color palette (#F5F6EF, #D5DCD8, #AEB1BE, #8BA975, #444200)
- Sunflower Villa color palette (#ECE3FF, #71E1FF, #E8C500, #465D4F, #26302A)
- Frosted Mustard color palette (#FFD8E6, #EAB3FF, #DBB900, #231C00, #040200)
Browse the whole catalog at Explore, or see today's palette.