Hazy Harbor color palette — #E6E0FF · #9D77F7 · #4B8100 · #4E009F · #1C3600
Indigo takes the lead with Wisteria close behind in a set that reads as nature and growth at first glance.
The five colors
- Thistle (#E6E0FF): A whisper-light, dusty violet — the color of a velvet chair.
- Wisteria (#9D77F7): A luminous, vivid violet — the color of a velvet chair.
- Olive Leaf (#4B8100): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#4E009F): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Forest (#1C3600): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Energy. 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
- Hushed Pier color palette (#FDE1EB, #B16AFF, #657A00, #580092, #131900)
- Hazy Terrace color palette (#D9E4FF, #6F6EFA, #727600, #4200D5, #2F3100)
- Ancient Magenta Villa color palette (#E7E0FE, #D05ED1, #468200, #6C006E, #1A3600)
- Tempered Dune color palette (#E0E2FF, #C395FF, #689E00, #7900C7, #203500)
- Quiet Hollow color palette (#F2ECFF, #9B5AE8, #1F6300, #004D3B, #2F0E50)
- Aged Cornflower Hollow color palette (#D2E7FF, #0E83F3, #956500, #004D96, #402900)
- Hazy Mulberry color palette (#E4D9F0, #BA5593, #007D60, #82005D, #003124)
- Muted Mulberry color palette (#F9F2FF, #E27CB3, #2B972E, #8C0060, #064809)
Browse the whole catalog at Explore, or see today's palette.