Cobalt Villa color palette — #F4F6EF · #BBE7DA · #538DD1 · #006B91 · #544053

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Mint (#BBE7DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#538DD1): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006B91): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#544053): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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 Cabin color palette (#F5F6EF, #C9E4D3, #0098C2, #006F78, #2F4F43)
• Softworn Cerulean color palette (#F9F0E8, #B5E9DA, #768CBF, #146A75, #3B2431)
• Timeworn Boulevard color palette (#F4F6EE, #9ED5FF, #0082DE, #006280, #23406A)
• Aged Periwinkle color palette (#FCF2F5, #D7DEFC, #8CA4DA, #428690, #40465F)
• Hushed Cerulean color palette (#EDF1E2, #408AAA, #004160, #002129, #000A17)
• Antique Denim color palette (#E6E8DD, #6AAAB7, #006178, #003E40, #002331)
• Aqua Atelier color palette (#F5F7E4, #58CADA, #007B91, #005655, #003949)
• Tempered Teal Canyon color palette (#FBF4ED, #C3E9EE, #AFBBE9, #41AAAC, #5F3B4A)

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