Cobalt Villa color palette — #EDF6FF · #7FBFF0 · #72B87A · #0088CE · #264C2B

Cerulean and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#7FBFF0): A luminous, balanced blue — the color of open sky before noon.
• Jade (#72B87A): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#0088CE): A luminous, balanced blue — the color of open sky before noon.
• Deep Olive (#264C2B): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Timeworn Hollow color palette (#F1F5FF, #BAC1EE, #6CC4B4, #7C83D7, #27555C)
• Chalky Corridor color palette (#E6F9FF, #63CBCC, #B2A659, #009395, #4A4312)
• Cerulean Chapel color palette (#EAF8FF, #74C5DA, #BD91D0, #008FA9, #4F375A)
• Timeworn Amber color palette (#EDF6FF, #62A6DF, #B87B00, #006AA9, #573D16)
• Feathered Periwinkle color palette (#FEF0FF, #A5D0FF, #EFAE77, #6AA3E0, #5C391A)
• Antique Azure Quarry color palette (#EFF6FF, #DAD8E2, #E4B2C4, #689CCB, #414C60)
• Byzantium Boulevard color palette (#EFECFF, #CA8FD3, #00A4D0, #AA2DBD, #003C4E)
• Driftwood Balcony color palette (#EBF9F2, #A3C7B9, #95935A, #756932, #27443B)

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