Cocoa Villa color palette — #E7FBF0 · #CBE1FF · #F6BBAF · #54A6C4 · #6E3311
A conversation between Rust and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7FBF0): A whisper-light, dusty teal — the color of sea glass.
- Powder Blue (#CBE1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Rose Quartz (#F6BBAF): A whisper-light, dusty orange — the color of sun-warmed clay.
- Cyan (#54A6C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Rust (#6E3311): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, 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
- Softworn Summit color palette (#ECF9EC, #A4F6F8, #F7B6D2, #4EABAC, #623937)
- Iris Loft color palette (#FEF1FA, #E2D7F1, #E9C594, #8A96D0, #613E00)
- Patina Turquoise color palette (#EAF8FF, #AFDCF5, #BECF95, #00BBE2, #2A574A)
- Softworn Stone Atelier color palette (#E7FBF0, #EDD7D3, #A8C3A2, #AEA89D, #40554F)
- Aged Driftwood Summit color palette (#FCF1FA, #D0DFCE, #987B94, #543E51, #20181F)
- Ancient Amber Quarry color palette (#EAF8FF, #7ABBCF, #CD8463, #00809A, #5D4553)
- Tempered Canyon color palette (#E7F6EF, #79BEDD, #C281C4, #1A7CA0, #45272D)
- Washed Bronze Garden color palette (#FDF4E8, #DAE2C1, #C2AA8B, #A46B3D, #484000)
Browse the whole catalog at Explore, or see today's palette.