Hazy Harbor color palette — #DCE8FD · #89A0E6 · #5E6CB5 · #49488C · #302A51

Slate takes the lead with Indigo close behind in a set that reads as creativity and balance at first glance.

The five colors

• Frost (#DCE8FD): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#89A0E6): A luminous, balanced violet — the color of a velvet chair.
• Slate (#5E6CB5): A full-bodied, balanced violet — the color of a velvet chair.
• Indigo (#49488C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#302A51): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged cool.

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

• Powdered Atelier color palette (#ECE7FF, #B69AE0, #8962AC, #643C75, #3F2245)
• Cobalt Archive color palette (#B6E8FF, #64ADD6, #2A82BD, #134D7F, #152E4F)
• Lapis Hollow color palette (#D8E8FF, #A4BBF9, #7C83D9, #5E59B8, #494270)
• Lapis Station color palette (#FFEBF6, #9D9BE0, #C8716E, #5E56AC, #451415)
• Frosted Alley color palette (#FFECF4, #C3B4F1, #7E69AD, #432F6B, #1B0834)
• Faded Loft color palette (#FFECF4, #967BD1, #BA5D78, #227497, #2D1621)
• Washed Drift color palette (#FFECF4, #E5D2CF, #E5B4BD, #777BAA, #402C34)
• Hazy Grape color palette (#DFE1F6, #8865FF, #7000CE, #510087, #260036)

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