Cobalt Villa color palette — #E3F7F6 · #ADD4FA · #4D84CA · #005D80 · #0C2150

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E3F7F6): A whisper-light, dusty teal — the color of glacier melt.
• Powder Blue (#ADD4FA): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4D84CA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005D80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0C2150): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Cerulean Archive color palette (#E7F5F3, #A7D9EB, #0093A7, #00625E, #002A35)
• Frosted Workshop color palette (#FCF4EA, #A7D3FC, #5576E1, #006571, #3F3864)
• Tempered Denim Workshop color palette (#E2EFEE, #618FB2, #004A85, #002939, #000312)
• Hushed Periwinkle color palette (#F3F7ED, #BEDFFF, #509CFF, #007BAA, #2A3E69)
• Antique Station color palette (#DDF7FF, #00AEAF, #8668E4, #006969, #240E50)
• Hushed Cypress color palette (#EBF4F2, #CCDDF1, #65A8B5, #0A7B76, #203A47)
• Hazy Corridor color palette (#BAF0FA, #00978A, #0077CE, #5C6900, #001D1A)
• Petrol Grove color palette (#DFECEA, #93BBC7, #007985, #004C45, #001A20)

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