Cobalt Villa color palette — #E7F0F7 · #D0D8E3 · #AAB8D0 · #1D77B5 · #20303E

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

The five colors

• Frost (#E7F0F7): bright and airy, almost weightless.
• Silver (#D0D8E3): a clean, paper-quiet neutral.
• Ash (#AAB8D0): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#1D77B5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#20303E): 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

• Weathered Cobalt Pier color palette (#EAF9F4, #EAD4D1, #D3BBC0, #3F7CAC, #12221E)
• Antique Denim color palette (#EAEFF4, #C2CDDE, #989EBD, #005C83, #232F39)
• Nightshade Harbor color palette (#E4E7F0, #B1B3C3, #9292AF, #533BA4, #0F1323)
• Garnet Garden color palette (#F1D3EE, #778AE9, #7055AE, #870039, #1F1C4A)
• Airy Garden color palette (#F3F4FE, #DCDCF1, #BEB9D8, #8F3FF1, #2D304D)
• Antique Sapphire Garden color palette (#E4EEFF, #4862E1, #2F2E51, #08152E, #01040D)
• Patina Violet Drift color palette (#E5F0FF, #90CCFF, #82A5FF, #876BFF, #151A50)
• Terracotta Studio color palette (#E9EAFF, #ADA6C9, #A86B8E, #8D411B, #4C300F)

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