Cobalt Villa color palette — #D0E6DF · #0078B8 · #332B56 · #041B15 · #020602

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Silver (#D0E6DF): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0078B8): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#332B56): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#041B15): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020602): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Weathered Cypress Study color palette (#E0EDE0, #008282, #033655, #0C1A0C, #040500)
• Twilit Sapphire Meadow color palette (#EFDEED, #1162F5, #3D284D, #1E101D, #000603)
• Denim Alley color palette (#DBEDFF, #005892, #39282C, #071A33, #000917)
• Dusty Hollow color palette (#D1F4EA, #0090EC, #3C537D, #0B382F, #000604)
• Weathered Iris Bloom color palette (#F1DEEB, #757FFD, #614449, #362932, #131A17)
• Dusty Cobalt Orchard color palette (#F8ECE5, #86D1E6, #488CC4, #006E55, #252B4D)
• Shadow Grape color palette (#F9EBF2, #5700D2, #2F0029, #080E13, #080004)
• Gentle Iris color palette (#E4E8FF, #858BFF, #409154, #617000, #301328)

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