Cobalt Villa color palette — #DFF2FA · #008EC8 · #00578D · #001C44 · #00000C

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

The five colors

• Frost (#DFF2FA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008EC8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00578D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001C44): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, 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

• Ancient Cerulean color palette (#CAF1EF, #00A0A9, #006070, #00232E, #000103)
• Aged Navy color palette (#DAEFE2, #0080B0, #004184, #320033, #000103)
• Timeworn Petrol color palette (#D0F2FF, #0074A0, #003F6A, #001B3E, #010030)
• Pale Ultramarine Boulevard color palette (#E0EDF7, #2B8FF9, #103AC4, #15005D, #010009)
• Airy Ultramarine Villa color palette (#CDECE7, #009FB8, #0073B1, #0B00D6, #0C0022)
• Frosted Nightshade Cabin color palette (#E3ECFA, #516DE2, #38219C, #100030, #020007)
• Hushed Station color palette (#E4F3FF, #00D1F8, #009ED9, #0059CE, #000103)
• Moonless Ultramarine color palette (#D9EAFF, #0061CF, #520287, #2D001A, #000202)

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