Hazy Harbor color palette — #DFE9F4 · #4565D3 · #401CB2 · #32005C · #16001D
Indigo takes the lead with Royal Blue close behind in a set that reads as creativity and energy at first glance.
The five colors
- Frost (#DFE9F4): a clean, paper-quiet neutral.
- Royal Blue (#4565D3): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#401CB2): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#32005C): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#16001D): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Hazy Harbor 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
- Patina Nightshade color palette (#E4EBFE, #6572DE, #470BC1, #340077, #27034E)
- Grape Basin color palette (#DAE3F5, #583EC6, #53008E, #340038, #0E0007)
- Airy Lapis Studio color palette (#D4EDFF, #5A80E8, #5B43DF, #500098, #310039)
- Tempered Aubergine color palette (#EEE8F7, #9564C3, #571297, #25003D, #020005)
- Hazy Aubergine Station color palette (#E7EEFF, #6057C8, #466300, #330096, #050A00)
- Weathered Denim Courtyard color palette (#E2E8FF, #D69EDB, #C25E71, #1D4D99, #1A042B)
- Navy Ridge color palette (#D2F0F7, #007AA2, #004885, #100580, #0E002F)
- Dusty Grape Quarry color palette (#E3E1F0, #6036B5, #524F00, #2E4300, #050014)
Browse the whole catalog at Explore, or see today's palette.