Cobalt Villa color palette — #FCF3ED · #AECDC0 · #417ABE · #005F60 · #31375F

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Pistachio (#AECDC0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#417ABE): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005F60): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#31375F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Feathered Navy Corridor color palette (#FFF2EB, #85C3D3, #0076A9, #00574B, #002E71)
• Weathered Chapel color palette (#E8F5F4, #9ECFEA, #0C83C3, #00586C, #082239)
• Antique Azure Villa color palette (#F4F7EC, #B5E0CE, #299EE5, #007892, #1D3D5B)
• Worn Pine color palette (#FBF3F0, #CEE3CE, #5495A6, #007549, #254C65)
• Dusty Cerulean Study color palette (#E9DCD6, #4B9EA7, #00516A, #003124, #00152A)
• Dusty Hollow color palette (#FDF1F7, #C1E6FF, #78B5FD, #149FA0, #2D3A57)
• Gentle Parlor color palette (#D9E2D3, #69AF72, #00805A, #00524E, #0F364B)
• Weathered Cabin color palette (#E1FEDD, #55B5B0, #006F6A, #003E3C, #00252F)

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