Hazy Harbor color palette — #CAEDDF · #6A7500 · #8604AC · #373E00 · #2C003B

Plum and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CAEDDF): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#6A7500): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#8604AC): A full-bodied, vivid pink — the color of peonies in June.
• Deep Olive (#373E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#2C003B): A deep, shadowed, balanced pink — the color of a candy shop window.

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

• Airy Grape color palette (#D9EEED, #008254, #842697, #00452B, #2E0038)
• Ultramarine Veranda color palette (#DDEDE5, #757100, #4742BF, #3E3B00, #14084F)
• Airy Lagoon color palette (#E6E2D0, #95A025, #8240AC, #515800, #2A0040)
• Aubergine Coast color palette (#D7F6EE, #578B1E, #4E2E9B, #223F00, #0A0022)
• Plum Balcony color palette (#C0F0ED, #27AE67, #A6008F, #005E33, #520046)
• Aubergine Ridge color palette (#DDE3D1, #506300, #5F0BB6, #5E1963, #0E1400)
• Orchid Cabin color palette (#E1DFCF, #9FBE3D, #A665FF, #536700, #250047)
• Garnet Atelier color palette (#C4E6EA, #005F4F, #75003C, #00271F, #130005)

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