Hazy Harbor color palette — #D1E6EC · #3978FF · #6D42BE · #690062 · #0E0002

A conversation between Sapphire and Plum, giving this palette its sense of creativity and energy.

The five colors

• Frost (#D1E6EC): A whisper-light, dusty blue — the color of open sky before noon.
• Sapphire (#3978FF): A luminous, vivid violet — the color of twilight just after sunset.
• Plum (#6D42BE): A full-bodied, vivid violet — the color of wild irises.
• Mulberry (#690062): A deep, shadowed, vivid pink — the color of neon signs at night.
• Ink (#0E0002): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Lapis Boulevard color palette (#C0EBF0, #0086CC, #523CD4, #550074, #0A0005)
• Soft Aubergine Orchard color palette (#E0ECFF, #5F5CED, #5400A7, #340044, #0D0009)
• Airy Violet color palette (#D8E4F5, #9154FC, #922297, #760039, #060100)
• Misty Aubergine color palette (#E1F0D1, #0081C3, #7F3096, #2D4300, #010019)
• Dusty Villa color palette (#CCECE5, #0092A1, #0061AA, #3A158A, #0A000F)
• Sapphire Studio color palette (#FBE5F8, #1B61F9, #774B00, #323C00, #010200)
• Aged Driftwood color palette (#DEEDF6, #8177AE, #865167, #0C5033, #0E1500)
• Petrol Bloom color palette (#F0E6EF, #B49A99, #9C8176, #3D649B, #0F0510)

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