Cobalt Villa color palette — #C9E5F8 · #008DC9 · #004768 · #1A171F · #00060E

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

The five colors

• Frost (#C9E5F8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008DC9): A luminous, balanced blue — the color of deep harbor water.
• Navy (#004768): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#1A171F): quiet, heavy and certain.
• Ink (#00060E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged monochrome, 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 Studio color palette (#DDE5F1, #4982D5, #003A74, #000720, #000104)
• Softworn Lagoon Bloom color palette (#C5E8E4, #00928C, #004745, #191D23, #000606)
• Petrol Bloom color palette (#CAE8FB, #00709D, #002C47, #24191C, #000B15)
• Azure Study color palette (#D4EAF8, #009AD8, #006C9A, #003A55, #000204)
• Washed Sapphire color palette (#F0F6FF, #A1C2FF, #0474DD, #003266, #000519)
• Worn Alley color palette (#FADDC9, #B08F02, #0061B0, #0B0B15, #000104)
• Antique Lilac color palette (#C6E5F8, #93B2E6, #9C80C9, #004E4D, #000103)
• Inked Aubergine color palette (#DDDFFB, #7879D2, #44009C, #09002B, #010009)

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