Cobalt Villa color palette — #FEF1F9 · #9BD9EE · #2A86C3 · #00675E · #273D6F

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

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Powder Blue (#9BD9EE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2A86C3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00675E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#273D6F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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 Dune color palette (#F1F3E7, #91DDF5, #008FBA, #00616A, #00283D)
• Cobalt Atelier color palette (#FFF0F8, #6FC4E6, #0072BB, #005652, #1A2874)
• Chalky Azure Workshop color palette (#EBF8F7, #A7E6FB, #00AADE, #00818D, #124560)
• Wisteria Summit color palette (#EBF7FF, #D9D7EB, #C49DED, #007D7D, #1D446B)
• Wandering Denim Villa color palette (#E8DDE5, #5C9AA9, #005073, #003129, #001133)
• Sky Lagoon color palette (#FFF2EB, #B9EEFF, #63C0FF, #11A797, #2A3F66)
• Bronze Canyon color palette (#E9F8FF, #00A5BE, #B06D00, #006878, #543200)
• Worn Navy color palette (#F4E7EB, #5B84AC, #223183, #002127, #0C0026)

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