Hazy Harbor color palette — #E9EEFF · #8E7BDE · #BB5448 · #584696 · #532621

Lavender Blue and Brick set the tone — five colors that lean into creativity and balance.

The five colors

• Frost (#E9EEFF): A whisper-light, dusty violet — the color of wild irises.
• Lavender Blue (#8E7BDE): A luminous, balanced violet — the color of wild irises.
• Brick (#BB5448): A full-bodied, balanced orange — the color of autumn markets.
• Plum (#584696): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#532621): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Balance. Tagged warm.

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

• Patina Magenta Studio color palette (#EFEBFF, #C45FC7, #AF6300, #79397B, #4F2B04)
• Aged Loft color palette (#DFE2FF, #8F57D4, #AF405D, #00628B, #272843)
• Powdered Study color palette (#EAD6EC, #D83C5C, #575DC0, #8B002E, #202253)
• Muted Nightshade Delta color palette (#E2E8FF, #8F85CF, #7E8221, #55419F, #1D1E00)
• Lilac Corridor color palette (#F3F4FF, #B587E3, #009BAE, #76519A, #0A4B55)
• Washed Peony Loft color palette (#FCF1FF, #FF3581, #4772F4, #9F2651, #22366F)
• Timeworn Indigo Chapel color palette (#FFE7F3, #A59CEA, #989C3A, #7061BA, #373800)
• Misty Workshop color palette (#F5EEFF, #BB8EF1, #7248A1, #422560, #2B1645)

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