Hazy Harbor color palette — #E6F0FF · #5B54EA · #4F0094 · #320046 · #23001B
A conversation between Iris and Royal Purple, giving this palette its sense of creativity and energy.
The five colors
- Frost (#E6F0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Iris (#5B54EA): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#4F0094): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#320046): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#23001B): 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
- Misty Amethyst Coast color palette (#EAECFF, #7942DC, #610084, #3C0036, #2C0001)
- Linen Grape color palette (#E5E7FE, #6E1CEA, #4C0091, #2A004B, #0C0015)
- Sunlit Grape Quarry color palette (#ECEEFF, #7F56FF, #6700C9, #420072, #1C002D)
- Gentle Nightshade Station color palette (#C9E7FC, #0357E1, #3100AD, #2B0058, #1E002A)
- Nocturne Atelier color palette (#E4DBE8, #9F3EBC, #5F006B, #220029, #08000B)
- Gentle Grape Boulevard color palette (#E0E0FE, #7F2BB5, #4A5100, #410064, #0F1100)
- Muted Grove color palette (#ECE1FF, #6600AC, #3E4500, #003B17, #0D001D)
- Navy Parlor color palette (#E9EBFF, #D786BE, #BF504E, #1C3991, #2D0E30)
Browse the whole catalog at Explore, or see today's palette.