Hazy Harbor color palette — #CEE4E1 · #00766F · #7D1AB7 · #6A3F00 · #000A09
Plum takes the lead with Bronze close behind in a set that reads as optimism and creativity at first glance.
The five colors
- Silver (#CEE4E1): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#00766F): A full-bodied, balanced teal — the color of glacier melt.
- Plum (#7D1AB7): A full-bodied, vivid violet — the color of wild irises.
- Bronze (#6A3F00): A full-bodied, balanced gold — the color of old brass.
- Ink (#000A09): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, 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 Drift color palette (#D1EDF7, #00728B, #9D007E, #554B00, #00090E)
- Lapis Harbor color palette (#D1E5D8, #007A47, #433BD3, #862100, #000B03)
- Frosted Mulberry color palette (#DAF0FF, #006A8D, #9A0734, #493000, #00050A)
- Garnet Market color palette (#C7ECE6, #005951, #780040, #600018, #000A08)
- Misty Market color palette (#C8EBEC, #00A0A5, #BF26E1, #916500, #002A2C)
- Sapphire Basin color palette (#D8DFEC, #2C60FF, #C11A26, #006B19, #040E30)
- Gentle Workshop color palette (#D3E6E5, #00908B, #D40067, #BF003C, #000A09)
- Tempered Lagoon Ridge color palette (#C0EBEA, #009B97, #005F61, #002B2C, #000303)
Browse the whole catalog at Explore, or see today's palette.