Cobalt Villa color palette — #ECF8F7 · #ABCADE · #2681B1 · #005D6E · #183D5C

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Sky (#ABCADE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#2681B1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005D6E): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#183D5C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. 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 Lantern color palette (#F9EEF4, #A4CEE9, #3B7FC2, #005B59, #121F3B)
• Hushed Study color palette (#EEF6FF, #BFD6FF, #A4ACED, #0079A5, #2B3D53)
• Quiet Villa color palette (#C3E6EE, #40B3D4, #007496, #005373, #003A5B)
• Tempered Cypress Chapel color palette (#EDF8F5, #C1E3EC, #44999C, #007360, #1D4E5F)
• Indigo Courtyard color palette (#CAEAFF, #0086AD, #715CAD, #006C48, #003041)
• Ancient Navy color palette (#E5F1F0, #4E88A9, #004066, #00212B, #00091A)
• Softworn Azure color palette (#FCF3ED, #BADECD, #549ADE, #007C79, #4D2E47)
• Patina Olive color palette (#DFF1FE, #4698BC, #588918, #005F7E, #233E00)

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