Cobalt Villa color palette — #F0F6FA · #D9DAE5 · #C4C0DE · #0082AA · #152027

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D9DAE5): a clean, paper-quiet neutral.
• Lilac Frost (#C4C0DE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cerulean (#0082AA): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#152027): 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

• Cerulean Study color palette (#F0F6FB, #DADAE4, #C1ADA8, #4E91BF, #282F36)
• Tempered Denim Archive color palette (#EEF6FF, #DAD7ED, #B2B9D8, #24629E, #020D1B)
• Hushed Denim color palette (#E7F1ED, #BCD2CB, #AB9AAB, #005C7F, #21322B)
• Wandering Indigo color palette (#F1F5FF, #DED7E1, #C8C3B7, #7568E4, #1C233A)
• Moonless Sapphire color palette (#D8E7FA, #0070E8, #201C4E, #1B1820, #00040E)
• Wandering Boulevard color palette (#E6FAF7, #81CEA7, #008A77, #105B67, #001F11)
• Dusty Meadow color palette (#EDF6FF, #B2BFF5, #A17BBB, #755536, #372F00)
• Timeworn Iris color palette (#EEF6FF, #A6ECFF, #87C0FF, #8976F2, #020D2C)

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