Cobalt Villa color palette — #DEEFEE · #8AB5DA · #3385DB · #00678B · #000E3B

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

The five colors

• Frost (#DEEFEE): a clean, paper-quiet neutral.
• Sky (#8AB5DA): A luminous, dusty blue — the color of deep harbor water.
• Azure (#3385DB): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00678B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#000E3B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, 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 Study color palette (#E0EFED, #83BAC9, #0090B6, #006C73, #001622)
• Dusty Ultramarine Alley color palette (#F3E2E8, #78A7D0, #3C5DC3, #004952, #160040)
• Periwinkle Lagoon color palette (#E2F2F2, #ADD9F9, #5FAAEF, #008BB2, #0D2D56)
• Soft Navy Dune color palette (#DFE4D6, #4690CC, #00488D, #00293B, #000219)
• Misty Ultramarine color palette (#F8ECDF, #7DBEF2, #2F58D9, #003D44, #030011)
• Turquoise Villa color palette (#E6FAF6, #A5E8E8, #00C1CF, #009989, #003A44)
• Patina Teal Thicket color palette (#EEF7F6, #CEDFF7, #72CBE8, #00ADB3, #174E65)
• Tempered Olive Harbor color palette (#DAEDE6, #738900, #00877D, #9C4E00, #060900)

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