Cobalt Villa color palette — #F4EEE4 · #9CCAEF · #5286D3 · #00697E · #20285A
Built around Azure, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F4EEE4): bright and airy, almost weightless.
- Sky (#9CCAEF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Azure (#5286D3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00697E): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#20285A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Weathered Cornflower color palette (#EDF9EF, #D8DDFA, #5091F0, #00677C, #151B3D)
- Wandering Cerulean color palette (#F3EEE5, #95D1D0, #0297AA, #006E55, #003343)
- Weathered Chapel color palette (#F8EAEF, #A8DAFF, #7F9EFF, #00918F, #32254C)
- Turquoise Canyon color palette (#FBF4E9, #A0E9F7, #34AAD2, #00837A, #014468)
- Sapphire Station color palette (#F5EDE5, #8DBDAE, #4E5FB6, #004F50, #352250)
- Antique Petrol color palette (#F5ECDF, #6FABC5, #006CA5, #00494E, #001231)
- Hushed Parlor color palette (#AEF7FF, #0BC5CD, #00848C, #004C52, #001B1E)
- Feathered Summit color palette (#E2FDE0, #8EE6FA, #7EB4E6, #008D6D, #183C26)
Browse the whole catalog at Explore, or see today's palette.