Cobalt Villa color palette — #FEF1F6 · #A8CAE5 · #5578B1 · #005F64 · #2E3959
Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FEF1F6): a clean, paper-quiet neutral.
- Sky (#A8CAE5): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#5578B1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005F64): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#2E3959): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Quiet Terrace color palette (#FFF0F9, #63C6E7, #0074B4, #005650, #182E68)
- Worn Cobalt color palette (#F0F3E9, #ADD0C3, #3481BE, #00586F, #06203F)
- Forest Courtyard color palette (#FFF0FA, #90DEDD, #008EA8, #006A42, #004566)
- Patina Cypress Lagoon color palette (#FBF2F6, #D9DEEF, #7D9BC3, #2E7C7D, #495268)
- Denim Bloom color palette (#F3E4EF, #4D9CAB, #00506F, #003127, #00132E)
- Sunlit Fern color palette (#DCF5EE, #7A9A4E, #776CB9, #436200, #352B62)
- Powder Studio color palette (#FCF3EC, #C1E6FF, #87B3F9, #019FA7, #4D2F43)
- Navy Villa color palette (#E7DADE, #5F85A3, #143387, #002226, #0A0028)
Browse the whole catalog at Explore, or see today's palette.