Cobalt Villa color palette — #F6EDF4 · #7FBDC4 · #007FAD · #005D36 · #051C48

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

The five colors

• Blush (#F6EDF4): bright and airy, almost weightless.
• Ash (#7FBDC4): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007FAD): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D36): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#051C48): A deep, shadowed, balanced violet — the color of wild irises.

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

• Sapphire Station color palette (#FAEBF1, #71BCE2, #1F6AEC, #005A52, #201445)
• Ancient Cerulean Cabin color palette (#FFF2EC, #B0D7B9, #0086AE, #00533F, #000D1E)
• Timeworn Cerulean color palette (#D6E3E1, #91CBD3, #00A3BE, #007D7B, #00242F)
• Hushed Atelier color palette (#F6EDE0, #1BB2C2, #006178, #003F37, #002234)
• Patina Cornflower color palette (#FFF1F6, #91D4FF, #5682FF, #00736E, #391F68)
• Wandering Periwinkle color palette (#FAF3F7, #D0E0FA, #72ABD9, #3F8B71, #394864)
• Soft Villa color palette (#DDF1F0, #2AB16E, #A000B0, #006338, #2E0433)
• Washed Jade color palette (#CAE9D7, #00B280, #007449, #003B28, #000D08)

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