Cobalt Villa color palette — #EAF4F4 · #B4CAE1 · #587DB4 · #085579 · #101D44

Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EAF4F4): a clean, paper-quiet neutral.
• Lilac Frost (#B4CAE1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#587DB4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#085579): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#101D44): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Cerulean Orchard color palette (#EBF4F2, #9ED1E2, #008C9C, #005C56, #00252E)
• Cobalt Delta color palette (#F9F4EF, #A7CFC4, #5C74BC, #005E6B, #3B3261)
• Ancient Cerulean color palette (#D0E3E1, #4196B1, #00516C, #002B30, #00050B)
• Ancient Delta color palette (#F3F7EC, #B4DFD3, #6697D9, #0075A2, #273961)
• Antique Courtyard color palette (#F2E1EF, #BF5750, #856B00, #754680, #2A0505)
• Muted Chestnut color palette (#CFE8D2, #7CA388, #7C5F27, #573600, #001E0F)
• Washed Pewter Harbor color palette (#FFEAFD, #F9C9CF, #DDA987, #A15962, #321C2E)
• Soft Plum Lagoon color palette (#F6D7E4, #CC688F, #AB3C5F, #741D2F, #39070D)

Browse the whole catalog at Explore, or see today's palette.