Cobalt Villa color palette — #EFF7F7 · #A8CAE4 · #007EC5 · #005C73 · #233C58

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Sky (#A8CAE4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007EC5): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C73): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#233C58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Antique Cobalt color palette (#FBEEF3, #9DCFEC, #487DC2, #005B5D, #1A1C3F)
• Muted Lagoon Bloom color palette (#EDF8F5, #97D2D0, #008990, #006154, #00434C)
• Ash Studio color palette (#EEF7F6, #D5DCED, #6CA0C3, #3C7888, #435566)
• Wandering Navy color palette (#D6E4E4, #5586AB, #003E6E, #00202D, #00081E)
• Muted Periwinkle color palette (#FDF3EB, #B0E1CD, #6D97D0, #177B7D, #4D2F44)
• Denim Field color palette (#DBEFEE, #72A3D2, #0054AC, #003A53, #071A4B)
• Lagoon Bloom color palette (#FEF1F6, #C6E5FC, #94B2E7, #3F9D93, #3A345C)
• Quiet Olive color palette (#C4F0E4, #5C8A00, #007C7D, #834B00, #00342B)

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