Cobalt Villa color palette — #ECF8F7 · #A1CAED · #347AC4 · #005B7A · #263A5D

A conversation between Azure and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Sky (#A1CAED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#347AC4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#263A5D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Cobalt Villa color palette (#FDEDF2, #9ECEF3, #5A7ABB, #005A62, #171E3B)
• Dusty Lagoon Loft color palette (#EFF7F5, #96D2D1, #008892, #006156, #00434D)
• Worn Orchard color palette (#CEEBF7, #00A2DD, #0072AA, #00497E, #1D3859)
• Muted Lilac color palette (#EFF6FF, #D4DDFF, #B19FF2, #3E6F9F, #333E53)
• Worn Plum Market color palette (#D6E6FF, #4F72D8, #A8349A, #00686D, #1E2B42)
• Patina Periwinkle color palette (#FCF4EB, #AFDAFD, #7795D0, #007A85, #502E42)
• Navy Canyon color palette (#D3E9E8, #5384B6, #003881, #002030, #01002F)
• Washed Boulevard color palette (#FDF2F6, #C6E4FF, #9AAEF1, #00A0A0, #343759)

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