Cocoa Villa color palette — #ECF7FF · #5291B4 · #7A5087 · #7C2900 · #303E0C
Built around Rust, softened by Graphite — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Cerulean (#5291B4): A luminous, balanced blue — the color of deep harbor water.
- Graphite (#7A5087): A full-bodied, balanced pink — the color of a candy shop window.
- Rust (#7C2900): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#303E0C): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.
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
- Mulberry Studio color palette (#F0F6FF, #6E86C3, #91466D, #643F00, #004422)
- Garnet Ridge color palette (#EAF8FB, #179D93, #575AA3, #7D2134, #3D3A00)
- Soft Violet color palette (#F1F0FE, #8E60AA, #88361E, #334100, #003238)
- Hazy Mulberry Courtyard color palette (#E7F5F6, #26A38B, #A23866, #3B4700, #1B2200)
- Patina Station color palette (#ECF7FF, #A5B1C6, #8384A0, #855F46, #3C5545)
- Powdered Raspberry Station color palette (#EDF9EC, #00BDB7, #BC5D7B, #676001, #3E3900)
- Gentle Sapphire color palette (#D9EAFF, #0068DB, #8A0051, #3E3100, #002B29)
- Antique Cypress color palette (#EBF9F5, #90B9B6, #45816E, #336170, #1F4B49)
Browse the whole catalog at Explore, or see today's palette.