Cobalt Villa color palette — #E9FBEC · #89C0DF · #0071BF · #00545E · #0F2B72

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

The five colors

• Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#89C0DF): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0071BF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00545E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#0F2B72): 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

• Dusty Petrol color palette (#EAFAED, #83C4CC, #007A96, #00574C, #003751)
• Dusty Sapphire color palette (#FFECF4, #80C5EC, #1861F8, #00524C, #1D0A42)
• Patina Balcony color palette (#D8E6DB, #7CA4C1, #0055A8, #003C48, #0E1552)
• Cornflower Parlor color palette (#FFF3E8, #88D6FF, #4386FF, #00736A, #342564)
• Frosted Harbor color palette (#FEF4E3, #AFE2FF, #5CB0FF, #0095A6, #152E69)
• Petrol Villa color palette (#F1F7F2, #DADDED, #839BBC, #127B94, #46526C)
• Worn Cypress color palette (#F1F7F2, #BDE4EE, #389AA5, #007454, #254D61)
• Lagoon Coast color palette (#D4E3D7, #3F8F8F, #00454F, #00231A, #000B11)

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