Hazy Harbor color palette — #F5F3FF · #D4BAFF · #AE78CA · #7F178E · #390034

Plum and Wisteria set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Lavender (#D4BAFF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Wisteria (#AE78CA): A luminous, balanced violet — the color of wild irises.
• Plum (#7F178E): A full-bodied, vivid pink — the color of peonies in June.
• Deep Indigo (#390034): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Creativity, Energy, Balance. Tagged warm.

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

• Aged Mulberry color palette (#FEF0FF, #F4B2E8, #BC689B, #930555, #44001D)
• Grape Basin color palette (#F0F6FF, #B9CBFF, #8586DD, #6136B8, #33005C)
• Faded Byzantium Station color palette (#E9DCFF, #BB86DA, #9A34A3, #54004B, #12000A)
• Gentle Mulberry color palette (#F3DBF4, #BC5DA9, #890061, #3E0022, #040001)
• Pale Archive color palette (#CEE4FF, #ABBAFF, #BD81F1, #A74894, #570027)
• Cocoa Workshop color palette (#FFF0FA, #CAA3EF, #A85FA3, #8A2F00, #2C1735)
• Soft Iris color palette (#DDEEFF, #8E91FB, #7F53A2, #631A56, #350016)
• Wandering Summit color palette (#FFF0FB, #FF9ED6, #F0008E, #85003B, #300007)

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