Cobalt Villa color palette — #F4F7E7 · #97D6F0 · #0084B6 · #00505C · #000E1B

Cerulean takes the lead with Powder Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
• Powder Blue (#97D6F0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0084B6): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00505C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000E1B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Ancient Harbor color palette (#EBF0E3, #88BCEF, #3066B0, #003A53, #000016)
• Worn Azure Field color palette (#F4F7EE, #D7DEFB, #6295CE, #006586, #061C42)
• Hushed Denim color palette (#E9DBE2, #58A8C6, #005B97, #003A37, #02022F)
• Azure Terrace color palette (#EDDED5, #A0CBB6, #4B97DC, #007D79, #0F174D)
• Wandering Turquoise Summit color palette (#F6F7DF, #B7FDFF, #00AEBE, #007369, #002A32)
• Hushed Cerulean color palette (#F4F6EF, #C0E0F1, #98C0E3, #428DA7, #4D364E)
• Peony Orchard color palette (#FFE8E7, #DD59AC, #007DD4, #890063, #000815)
• Dusty Glacier Meadow color palette (#F5F6EE, #CEE5E1, #9BD6E9, #7B9C7C, #375547)

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