Hazy Harbor color palette — #F6F3FF · #B597EA · #773FC7 · #510096 · #320A63
Violet and Plum set the tone — five colors that lean into creativity and energy.
The five colors
- Ivory (#F6F3FF): bright and airy, almost weightless.
- Wisteria (#B597EA): A luminous, balanced violet — the color of wild irises.
- Violet (#773FC7): A full-bodied, vivid violet — the color of wild irises.
- Plum (#510096): A deep, shadowed, vivid violet — the color of a velvet chair.
- Royal Purple (#320A63): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Energy. Tagged monochrome, 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
- Frosted Byzantium Station color palette (#FBF1FF, #CD91E9, #913EAB, #590075, #3C0051)
- Softworn Orchid Summit color palette (#F5F3FF, #C9B1FF, #AB5CFF, #5D2EB3, #2B1153)
- Airy Lantern color palette (#EFDCFF, #A57AC3, #7230A0, #40005D, #240038)
- Lilac Canyon color palette (#F6F3FF, #D7C9FF, #B190FF, #8866C5, #2F1053)
- Patina Nightshade color palette (#F1F5FF, #84A8FB, #275BD8, #051BAE, #071A66)
- Wandering Indigo color palette (#F2F5FF, #ECD6FF, #D59FD7, #675DCE, #4C3B64)
- Feathered Mulberry Pier color palette (#F7F2FF, #D39EBF, #A05985, #711E5D, #451A39)
- Quiet Field color palette (#EEF6FF, #6DB5F7, #006FBA, #003E6D, #00284E)
Browse the whole catalog at Explore, or see today's palette.