Cobalt Villa color palette — #E8F9F7 · #9DD8F0 · #008ABD · #006472 · #0C4466

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

The five colors

• Ivory (#E8F9F7): bright and airy, almost weightless.
• Powder Blue (#9DD8F0): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008ABD): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006472): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#0C4466): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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

• Muted Petrol Coast color palette (#E5FAF9, #87C0DE, #0075AD, #005364, #00355C)
• Cobalt Thicket color palette (#FCEDF6, #ACD6F1, #3A88CA, #00625E, #111C59)
• Sky Canyon color palette (#F4F6EC, #C0ECFF, #4AC4FE, #00A2B8, #184461)
• Cerulean Drift color palette (#DEF0EE, #429CB6, #00516B, #002F34, #001624)
• Aged Petrol Dune color palette (#EEF7F7, #D7DBEC, #819CB9, #3F778E, #455467)
• Pale Studio color palette (#FCF3ED, #BAE7D0, #4CA2E9, #00837C, #273A7B)
• Airy Violet color palette (#EBE8FF, #875AF4, #B74072, #006A88, #312851)
• Wandering Thicket color palette (#F2F5FF, #8E84E6, #00928B, #5C2FD3, #004441)

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