Hazy Harbor color palette — #DDEED9 · #00C2B3 · #5D7CFF · #B9006E · #322000

Magenta Rose takes the lead with Periwinkle close behind in a set that reads as creativity and energy at first glance.

The five colors

• Honeydew (#DDEED9): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#00C2B3): A luminous, balanced teal — the color of sea glass.
• Periwinkle (#5D7CFF): A luminous, vivid violet — the color of wild irises.
• Magenta Rose (#B9006E): A full-bodied, vivid rose — the color of a warm blush.
• Espresso (#322000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: 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

• Antique Pier color palette (#DFEECF, #00C594, #008DEF, #A9129E, #3B1A00)
• Antique Violet Thicket color palette (#D5F0D9, #00BECB, #9166FF, #C2002D, #262600)
• Feathered Aqua color palette (#D8F7F3, #3AD2F7, #6CA6EC, #B86377, #5D2411)
• Quiet Lagoon color palette (#EDDAEF, #1192FB, #B430A4, #7C3E00, #041700)
• Orchid Bloom color palette (#D1E7DD, #00B1E7, #B84CD2, #9A4500, #062700)
• Hushed Courtyard color palette (#E9EBC7, #59C500, #0099BE, #8A34BE, #460C00)
• Wisteria Grove color palette (#E7FBEF, #00CBF2, #C46CEB, #B65600, #003C10)
• Ancient Lilac color palette (#F0F7F0, #7ED9D9, #A89CED, #B8706B, #44433B)

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