Cobalt Villa color palette — #ECDFE4 · #86B9D8 · #3F74C1 · #00595C · #191746

A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#ECDFE4): bright and airy, almost weightless.
• Sky (#86B9D8): A luminous, dusty blue — the color of deep harbor water.
• Azure (#3F74C1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00595C): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#191746): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Worn Lagoon color palette (#F6EBF2, #81BEBD, #008299, #005D37, #002235)
• Sapphire Lantern color palette (#FFF3E8, #A2D3F0, #0376EB, #005153, #090033)
• Denim Dune color palette (#E6E9DE, #75A5C3, #005C91, #003C4B, #001F40)
• Azure Workshop color palette (#DBE7E6, #8CC8EE, #0699EF, #007996, #001F41)
• Tempered Quarry color palette (#FFF0FB, #8BD9E6, #0099CB, #00755D, #003362)
• Patina Field color palette (#FBF2F5, #D8DDFA, #92A4D0, #3D8693, #404661)
• Ultramarine Villa color palette (#E9DCD1, #A96000, #0071A0, #1054AD, #1E0D00)
• Dusty Pier color palette (#FFE6F0, #DA7B24, #0069AB, #7D4000, #001C34)

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