Hazy Harbor color palette — #FFF1F4 · #E163F8 · #AB006A · #771488 · #050000

Built around Pink Orchid, softened by Magenta Rose — the whole palette hums with creativity and energy.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Pink Orchid (#E163F8): A luminous, vivid pink — the color of neon signs at night.
• Magenta Rose (#AB006A): A full-bodied, vivid rose — the color of pressed rose petals.
• Plum (#771488): A full-bodied, vivid pink — the color of peonies in June.
• Black (#050000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Energy. Tagged duotone, 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

• Brick Lantern color palette (#FFF1F1, #EA6FBE, #B50021, #890066, #030000)
• Soft Summit color palette (#FFF0F7, #A48CFF, #99238C, #532EA3, #040001)
• Hazy Canyon color palette (#FFE2E1, #F022B1, #940701, #6C004D, #030000)
• Peony Orchard color palette (#F6D6E6, #F7509F, #B61253, #530016, #090000)
• Byzantium Lantern color palette (#FFE9EF, #C98BED, #D84A4D, #A23AD5, #0D0000)
• Hushed Aubergine Archive color palette (#E7E7F5, #935EB2, #7F1300, #520072, #040003)
• Timeworn Plum color palette (#FFF2F0, #FFA4C2, #D44900, #C10269, #050000)
• Feathered Bloom color palette (#FFF2EE, #FF6683, #964500, #920034, #030100)

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