Hazy Harbor color palette — #E8EFFF · #CCD0FF · #AD88FF · #0065B5 · #181C43

Built around Wisteria, softened by Cobalt — the whole palette hums with trust and stability.

The five colors

• Frost (#E8EFFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lilac Frost (#CCD0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#AD88FF): A luminous, vivid violet — the color of twilight just after sunset.
• Cobalt (#0065B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#181C43): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light.

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

• Muted Lilac color palette (#CCFAED, #ACC9FF, #949EFF, #00729E, #021F46)
• Quiet Boulevard color palette (#EEF6FF, #CCD1FF, #D66DCF, #007286, #29365C)
• Frosted Loft color palette (#FFECF4, #E8C3FF, #F471E8, #5D46C0, #281238)
• Antique Courtyard color palette (#FFECF4, #EDD0E1, #E49BDF, #7271B8, #332445)
• Patina Blush Market color palette (#FFE3EB, #E7B7EB, #DD7FBA, #634F8E, #2B0F17)
• Byzantium Station color palette (#FEE0F0, #9677C4, #913BA4, #251D7D, #040010)
• Peony Atelier color palette (#D8ECF1, #FE48B0, #A263FF, #21083F, #0E0207)
• Wandering Cerulean Bloom color palette (#EEF6FF, #E0D9E3, #B4B1A6, #009CB3, #19204C)

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