Cobalt Villa color palette — #E3F7F5 · #A2D8F5 · #1C8BC9 · #005F73 · #002646

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

The five colors

• Ivory (#E3F7F5): A whisper-light, dusty teal — the color of glacier melt.
• Powder Blue (#A2D8F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#1C8BC9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005F73): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002646): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Study color palette (#DBF9F7, #72C6F8, #0077BC, #004E63, #001A38)
• Timeworn Atelier color palette (#E7F6F2, #A9CFD9, #008D94, #005D50, #00262B)
• Cobalt Atelier color palette (#FFF2EA, #A0D7F4, #3180D7, #006667, #333A6E)
• Aged Denim Delta color palette (#D7E9E7, #5793AB, #005070, #002B32, #00050C)
• Wandering Corridor color palette (#EBF4F4, #D6D8EC, #819EC6, #3B7290, #2B3749)
• Worn Grove color palette (#FFD9E3, #D24A7C, #A46400, #6B46B3, #300416)
• Hushed Apricot color palette (#FCEBFF, #ECD7CA, #FB9B77, #9D4F70, #421619)
• Bronze Ridge color palette (#FFDFEA, #C69656, #995A00, #693300, #271900)

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