Hazy Harbor color palette — #D4FAE9 · #6A6F00 · #7620B2 · #393B00 · #0B0018

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

The five colors

• Honeydew (#D4FAE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#6A6F00): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#7620B2): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#393B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0B0018): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Mulberry Delta color palette (#D1E6DE, #617200, #960080, #333D00, #11000D)
• Ultramarine Boulevard color palette (#CBE8CD, #8A6000, #403DC8, #4B3300, #030022)
• Aubergine Field color palette (#E5E4D3, #5B871B, #4C00BB, #1E3200, #010009)
• Airy Grape Field color palette (#CEEAE0, #889C26, #7216D9, #4E5C00, #09001B)
• Deep Summit color palette (#E5E1C9, #4B5800, #530090, #1E2400, #0A0019)
• Softworn Aubergine Garden color palette (#E3E8CB, #555F00, #760094, #690046, #020200)
• Tempered Archive color palette (#DCF2F5, #009C85, #AD3DAE, #006152, #310032)
• Washed Brick color palette (#D2EDF0, #008C73, #B91D3D, #005242, #260005)

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