Hazy Harbor color palette — #FFF1F5 · #A0D1FF · #B47FFD · #D9296D · #3D1D40

Fuchsia takes the lead with Wisteria close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#A0D1FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Wisteria (#B47FFD): A luminous, vivid violet — the color of wild irises.
• Fuchsia (#D9296D): A full-bodied, vivid red — the color of embers at dusk.
• Deep Indigo (#3D1D40): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged candy, vibrant, light.

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

• Tempered Pier color palette (#FFF0F9, #5BCEFF, #A49BFF, #C04398, #3D2552)
• Wandering Quarry color palette (#FFF1F2, #B9B8FF, #DD76D3, #CD3D00, #451B32)
• Misty Wisteria color palette (#F0F0FF, #CBC3FF, #C588FF, #B35DA7, #17122D)
• Sunlit Ember Drift color palette (#FFF1F3, #E4D8F3, #D69ADE, #E0625B, #583146)
• Tempered Peony Cabin color palette (#FFF1F1, #C8B0FF, #F81BAA, #BB4200, #4E0024)
• Feathered Plum Corridor color palette (#EBE5F5, #BC81BE, #A74091, #880745, #662730)
• Antique Byzantium color palette (#FFF0FE, #66D5E2, #4AAAFF, #9C47AA, #202A57)
• Orchid Terrace color palette (#FDE2E9, #6AA4FF, #A54EDC, #A90026, #300026)

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