Cobalt Villa color palette — #ECF0E6 · #B0D8FF · #75A6EB · #1888BB · #1C2C52

A conversation between Cerulean and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Cream (#ECF0E6): bright and airy, almost weightless.
• Powder Blue (#B0D8FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#75A6EB): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#1888BB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1C2C52): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Frosted Coast color palette (#EEF0E2, #8EE2F7, #36B4DC, #008F98, #003347)
• Worn Iris Atelier color palette (#ECF9EF, #D9DDFA, #6690E3, #006680, #171548)
• Cobalt Summit color palette (#DFE3D6, #61BCEA, #008BCF, #006A80, #00152A)
• Timeworn Powder color palette (#F4F6EE, #BBECE9, #83C8E9, #68A3AD, #2F4F45)
• Frosted Clover Lagoon color palette (#D8E3D8, #20BF29, #00A8BB, #B17A00, #1F2200)
• Gentle Sapphire color palette (#F1E7DC, #94BDB2, #555FC0, #004B4E, #21013A)
• Dusty Delta color palette (#EDF4D5, #ACF5CE, #5EE7CB, #86A66F, #2F322B)
• Marigold Alley color palette (#FFEBD8, #E3A351, #BD7E44, #945B38, #331F00)

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