Cobalt Villa color palette — #EFF6FD · #DAD9E3 · #C9BED9 · #3F7BB0 · #12202D

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

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Silver (#DAD9E3): a clean, paper-quiet neutral.
• Lilac Frost (#C9BED9): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#3F7BB0): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#12202D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Denim Station color palette (#F1F5FC, #DED6E9, #B8B8D4, #485B9B, #040C1D)
• Muted Azure color palette (#E9EFF5, #D4D1DB, #C2B3C5, #209AE5, #20303D)
• Softworn Denim Quarry color palette (#E1ECE8, #D3C7CF, #BC99A2, #005B87, #0A1915)
• Weathered Hollow color palette (#F3F4FF, #E0D7E0, #D1ADA1, #9065C4, #222335)
• Worn Powder Parlor color palette (#F0F5FF, #C5B8F0, #8A80A7, #3C5B40, #252A00)
• Indigo Summit color palette (#DBE6FD, #5A5BF8, #20213E, #160B10, #010312)
• Timeworn Bloom color palette (#F0F5FF, #C1E5FF, #B1C4FF, #B573E8, #11072F)
• Washed Aubergine color palette (#EFEDF7, #BFB6C9, #9C8BA1, #5B1C60, #020006)

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