Hazy Cobalt Villa color palette — #FCF1FA · #7EE0ED · #008ABF · #006A42 · #2D3F64

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Ice Blue (#7EE0ED): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#008ABF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006A42): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2D3F64): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy 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

• Timeworn Terrace color palette (#F9F2FA, #AEEAE5, #4E95AA, #496D47, #364A5D)
• Dusty Petrol color palette (#FFF0FB, #58C9DE, #0075AD, #00583D, #1F2E62)
• Dusty Indigo color palette (#F0F8EF, #A3D4FF, #6375DA, #006668, #46375D)
• Patina Cabin color palette (#F2F4E2, #8FDFE9, #0093A9, #006260, #002A36)
• Teal Workshop color palette (#CFEEDB, #00B79D, #008291, #005870, #233E6C)
• Wisteria Quarry color palette (#E7F9FF, #D6D9EF, #C4A1F3, #277F4F, #26475A)
• Ancient Bronze color palette (#ACFCFF, #009296, #AA5A00, #715700, #00383A)
• Hazy Sky Cabin color palette (#E5F9FF, #00B7EF, #007092, #004352, #002E3E)

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