Cobalt Villa color palette — #F9EBE4 · #A6D0B5 · #0090CD · #006D5F · #122D56

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Pistachio (#A6D0B5): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#0090CD): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006D5F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#122D56): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Ancient Cornflower Archive color palette (#F5EDE6, #93CDED, #1B85F4, #006B6D, #242953)
• Azure Corridor color palette (#FBF4EF, #B3E1CA, #3D9BE9, #007C77, #4B3046)
• Azure Summit color palette (#ECF9EE, #B8F0FF, #009FD4, #006A67, #002039)
• Periwinkle Meadow color palette (#F7EAF3, #AEDBF1, #5CACEB, #009471, #20285A)
• Pale Denim Study color palette (#EFE1D5, #599BBD, #0057A7, #003B3C, #05002C)
• Wandering Petrol Coast color palette (#EEE0D9, #59B2B6, #00728C, #004C34, #001527)
• Dusty Fuchsia color palette (#FFDEE1, #E061CC, #007879, #007D2F, #30122B)
• Aged Powder color palette (#FAF4F0, #C2E1ED, #8BB7DA, #58938B, #5E4C5B)

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