Cobalt Villa color palette — #D5F0FF · #88C2E9 · #5F84CC · #595B90 · #31364F

Built around Azure, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Frost (#D5F0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#88C2E9): A luminous, balanced blue — the color of deep harbor water.
• Azure (#5F84CC): A luminous, balanced violet — the color of a velvet chair.
• Slate (#595B90): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#31364F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

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

• Patina Powder Boulevard color palette (#EDF6FF, #82BDFD, #5C86C0, #53678E, #524D66)
• Taupe Summit color palette (#EBF3FD, #93B5E8, #AB9E3C, #4D72AC, #1A3829)
• Violet Meadow color palette (#E2ECFF, #ADA8E6, #946CB7, #704871, #41354E)
• Washed Archive color palette (#C7EFF4, #6EC6C2, #009AAC, #1D6482, #213447)
• Cobalt Atelier color palette (#ECF2FF, #C6C6FA, #7A78BD, #45487B, #121E38)
• Patina Oat color palette (#ECF2FD, #DDD5E2, #E0B7D0, #7398B2, #313644)
• Driftwood Hollow color palette (#FDECF4, #A9C4A9, #A6775A, #684E64, #203126)
• Byzantium Summit color palette (#E4EBFA, #8A82DF, #8747C5, #642468, #331129)

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