Cobalt Villa color palette — #C6E7DA · #0088C0 · #9A5100 · #00415F · #030100

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

The five colors

• Celadon Mist (#C6E7DA): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0088C0): A full-bodied, balanced blue — the color of open sky before noon.
• Ochre (#9A5100): A full-bodied, balanced gold — the color of old brass.
• Navy (#00415F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030100): a grounded near-black with real depth.

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

• Linen Harbor color palette (#D2F9EC, #0086C6, #6E6B00, #004062, #010100)
• Plum Parlor color palette (#DCEDE1, #008EA1, #BF0049, #00444E, #040001)
• Softworn Terracotta color palette (#D7EFFE, #00709B, #8E3D00, #553F00, #000103)
• Denim Boulevard color palette (#E0F0FC, #006388, #6C3B00, #002E42, #060200)
• Nightshade Station color palette (#FCE4F6, #526FF2, #816200, #1E00B2, #020100)
• Aged Emerald Terrace color palette (#D1E8F6, #0099CF, #489500, #006B92, #051400)
• Hushed Azure color palette (#D6E8FF, #309AFD, #004F89, #001A33, #000104)
• Feathered Ember color palette (#E3EED4, #FC5425, #2282FA, #140C16, #030003)

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