Cobalt Villa color palette — #FFF0F9 · #71C5DD · #0072B9 · #005843 · #232673

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sky (#71C5DD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0072B9): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005843): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#232673): A deep, shadowed, balanced violet — the color of wild irises.

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

• Muted Veranda color palette (#EFF8ED, #83BEF0, #5361CA, #005558, #3E2060)
• Hushed Boulevard color palette (#FBF2F8, #A8CBDC, #3F7EAD, #006248, #2A3A59)
• Tempered Petrol color palette (#FCF0DE, #7AC8E1, #007BAB, #005152, #001B35)
• Gentle Denim Villa color palette (#F3E7ED, #61A9C6, #0055A7, #003F35, #1C1744)
• Petrol Loft color palette (#FBF2F6, #D8DFF0, #849BB9, #427881, #4A516C)
• Powdered Grove color palette (#EEDBD2, #B54D00, #006C98, #354A80, #3F1600)
• Periwinkle Villa color palette (#FFF2EB, #97E8FF, #55B1FF, #009B7A, #25286C)
• Amber Pier color palette (#FFD8E9, #C66700, #007E8F, #783C00, #00353C)

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