Navy Villa color palette — #E7F2FF · #7C9FD8 · #3C5BAF · #182390 · #031753

Built around Indigo, softened by Cobalt — the whole palette hums with trust and stability.

The five colors

• Frost (#E7F2FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#7C9FD8): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#3C5BAF): A full-bodied, balanced violet — the color of wild irises.
• Indigo (#182390): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#031753): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged monochrome, cool.

Use it as a design system

One click turns Navy 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

• Quiet Ultramarine Balcony color palette (#FFEAFD, #84A5F3, #325BC4, #072771, #00082A)
• Sunlit Denim color palette (#EEF6FF, #68A8DA, #0965A7, #003C64, #002440)
• Pale Aubergine color palette (#F3F4FF, #AC98D6, #664CA1, #39137E, #220D4D)
• Soft Periwinkle color palette (#EFF5FF, #B8D1FF, #6FA0F5, #5370B5, #101A47)
• Wandering Cornflower Coast color palette (#EDF4FF, #9BBFFF, #5378EE, #2D4799, #0E2048)
• Ancient Nightshade color palette (#D7E2FF, #7079D8, #2E21AF, #080059, #070026)
• Hushed Nightshade Pier color palette (#F1F5FF, #9390D4, #A0340D, #4C32AD, #260E20)
• Timeworn Navy color palette (#EAEEFB, #93A370, #3C3977, #1E174B, #0E152A)

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