Hazy Navy color palette — #F0F0FF · #9AA1EF · #5D58A5 · #312872 · #0B0031

A conversation between Royal Purple and Slate, giving this palette its sense of creativity and balance.

The five colors

• Blush (#F0F0FF): A whisper-light, dusty violet — the color of wild irises.
• Wisteria (#9AA1EF): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#5D58A5): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#312872): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0B0031): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged monochrome.

Use it as a design system

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

• Wandering Pewter color palette (#F6EAFF, #BC92D6, #80539B, #481B5E, #1B0022)
• Pale Petrol Workshop color palette (#E8F3FF, #6CA6E5, #2665AE, #003764, #000C1C)
• Iris Loft color palette (#F4F4FF, #DADBFF, #857CD2, #3A418A, #11073B)
• Patina Nightshade Atelier color palette (#F0F2FF, #B2B3F2, #7F74D5, #4935A0, #241754)
• Washed Mallow color palette (#EBF2FF, #EECEEA, #CF9DCA, #5077A3, #20263D)
• Misty Aubergine Loft color palette (#EBE7F7, #856CD3, #4C2198, #220050, #020009)
• Gentle Mulberry color palette (#F2F0FB, #C387C6, #9B4646, #7A3280, #0E020D)
• Hushed Veranda color palette (#F5EEFF, #EBBBDC, #A57799, #693D60, #201430)

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