Cobalt Villa color palette — #FCF1FA · #A6D7EA · #008ABF · #006A42 · #243D71

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Powder Blue (#A6D7EA): A whisper-light, dusty blue — the color of open sky before noon.
• 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 (#243D71): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Tempered Cobalt color palette (#FCF2F6, #A2D5F9, #5E7BC9, #006764, #463073)
• Petrol Loft color palette (#FFF0FB, #7CC5D5, #0074B0, #00583F, #1D2970)
• Weathered Field color palette (#F9F1E4, #A1DBE3, #0091B1, #006357, #00293D)
• Feathered Turquoise color palette (#EEF8F0, #9BEAF4, #00ACD2, #008475, #034563)
• Softworn Indigo color palette (#E2EBFF, #6070EB, #827300, #456623, #232B5B)
• Softworn Blush color palette (#F0F5FF, #ECD6E3, #EA9697, #007C95, #52406A)
• Denim Meadow color palette (#F1E7F0, #569CA2, #00516E, #003219, #001135)
• Worn Navy Orchard color palette (#F9EAF0, #5687A4, #032B99, #002220, #0C0026)

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