Hazy Harbor color palette — #EAFAF0 · #A1FFC8 · #7DEDFF · #CCB1FC · #1F463C

Mint takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
• Mint (#A1FFC8): A whisper-light, balanced teal — the color of shallow lagoons.
• Ice Blue (#7DEDFF): A whisper-light, balanced blue — the color of deep harbor water.
• Lavender (#CCB1FC): A luminous, balanced violet — the color of a velvet chair.
• Forest (#1F463C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Softness. Tagged candy, vibrant, light, pastel.

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

• Seafoam Basin color palette (#EEF9EB, #F4F09C, #47F6D8, #99BBFF, #23402C)
• Hushed Mallow Workshop color palette (#E8FAF5, #99FFEF, #B4DDFF, #EBA9F0, #54364B)
• Muted Aqua color palette (#FBF3F0, #C6EADE, #62CDEE, #78A678, #245147)
• Muted Blush Archive color palette (#FFF0F9, #B8E9FF, #D2C7FF, #FF8EB5, #472230)
• Sky Alley color palette (#CAEFD0, #84DAFF, #68B4FF, #7485D1, #603D4B)
• Weathered Archive color palette (#EFFADC, #B6DEC9, #D7ACC2, #A3947E, #694800)
• Faded Wisteria Market color palette (#D9FFF1, #7AFFC4, #88D6FF, #D185FB, #052053)
• Sunlit Honey Balcony color palette (#FEF0FD, #AECDFF, #FCBC54, #5F93E6, #46423B)

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