Hazy Navy color palette — #E0EBFF · #5777DA · #002F9F · #080059 · #000624

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

The five colors

• Frost (#E0EBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Periwinkle (#5777DA): A full-bodied, balanced violet — the color of a velvet chair.
• Indigo (#002F9F): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#080059): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#000624): A deep, shadowed, dusty 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 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

• Cobalt Pier color palette (#D8E7F3, #2F89D9, #004980, #001E3C, #000A17)
• Antique Ultramarine Harbor color palette (#DFE8FB, #7598EF, #2A53D1, #001F95, #000429)
• Deep Aubergine Canyon color palette (#DFDEED, #705FD4, #3E008D, #0F0036, #02000E)
• Tempered Thicket color palette (#FBEAF9, #0345B7, #394A00, #002F32, #010A28)
• Aubergine Workshop color palette (#FCE9F1, #815CCA, #7A0014, #3E007C, #0A0100)
• Sunlit Grape Garden color palette (#EFE7FF, #A272FD, #6525BF, #3D006A, #200049)
• Aubergine Meadow color palette (#F3E9FF, #9866C3, #6B1586, #30003F, #0F0018)
• Cobalt Atelier color palette (#FFF0FA, #A7B6F4, #5F6DAF, #383D74, #212A52)

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