Cobalt Villa color palette — #ECF0E5 · #9ECAEF · #4089D7 · #006789 · #182D51
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF0E5): a clean, paper-quiet neutral.
- Sky (#9ECAEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#4089D7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006789): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#182D51): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Cobalt 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
- Azure Meadow color palette (#ECF8F8, #D4DBF8, #4A95E4, #006586, #081D3F)
- Wandering Cerulean color palette (#EFF0E2, #95D0D5, #0097AA, #006C66, #003440)
- Aged Petrol color palette (#F6EDE4, #91BCAE, #4264B1, #004E56, #2B2557)
- Feathered Garden color palette (#F7EBEF, #A9DAFF, #74A1FF, #008F9B, #2B284E)
- Aged Turquoise color palette (#F5F6EB, #9AEAFA, #00ACD1, #008286, #00465E)
- Petrol Summit color palette (#E3E7D4, #75AAC1, #006F9B, #004854, #001527)
- Cerulean Grove color palette (#F4F6EF, #C9E4E9, #97B3DC, #5B8DAB, #614A5D)
- Timeworn Plum Atelier color palette (#FED3CA, #DD718C, #6081DC, #B11C53, #102061)
Browse the whole catalog at Explore, or see today's palette.