Hazy Navy color palette — #E4DCF2 · #A77FA7 · #A54F6B · #342675 · #1C0520

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

The five colors

• Thistle (#E4DCF2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#A77FA7): A luminous, dusty pink — the color of neon signs at night.
• Magenta Rose (#A54F6B): A full-bodied, balanced red — the color of embers at dusk.
• Royal Purple (#342675): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1C0520): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Balance. Tagged pastel, light.

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

• Plum Pier color palette (#DCE7FF, #9F8DBF, #9B4B92, #003862, #100929)
• Quiet Aubergine Pier color palette (#E5DBF6, #D58299, #AD594C, #4B1862, #240010)
• Ancient Quarry color palette (#E0E7FF, #9E7493, #9C481E, #002E5F, #080009)
• Soft Amber Harbor color palette (#FFE0EB, #D28FBC, #BE7052, #004C7C, #200029)
• Frosted Pier color palette (#EFD8DF, #D393C6, #DD6D8F, #5F55B4, #1D051F)
• Softworn Coral color palette (#F3F0FF, #E3B5CB, #D4807C, #604886, #441F36)
• Pewter Thicket color palette (#F7F3FF, #E5CCF0, #E0A390, #7E5E92, #483951)
• Mulberry Alley color palette (#F1DDDE, #E28F73, #B16800, #771454, #390604)

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