Hazy Harbor color palette — #DFDEFF · #C8A9F3 · #BB71D9 · #884D89 · #5E383A

Wisteria and Graphite set the tone — five colors that lean into creativity and balance.

The five colors

• Thistle (#DFDEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#C8A9F3): A luminous, balanced violet — the color of twilight just after sunset.
• Wisteria (#BB71D9): A luminous, vivid pink — the color of a candy shop window.
• Graphite (#884D89): A full-bodied, balanced pink — the color of neon signs at night.
• Cocoa (#5E383A): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Aged Harbor color palette (#F7F3FF, #E6D3FF, #C192DA, #8B5F95, #473D5F)
• Dusty Lilac color palette (#D2E1FF, #B2A0FF, #9259A8, #764169, #633941)
• Dusty Peony color palette (#FFE1E7, #E59CDB, #DB6DA8, #9D4A6B, #644138)
• Chalky Balcony color palette (#FFF1F2, #F5B1E4, #C569AA, #844376, #3E1D38)
• Dusty Clover color palette (#FFF1F4, #D4A3DE, #73C36E, #9D5AAA, #2E4B2C)
• Timeworn Ash Delta color palette (#FFF1F3, #E4D7CE, #FFBBB9, #A28FC6, #604A4B)
• Feathered Boulevard color palette (#BBEADA, #85BAFB, #6286EF, #5C61A8, #463F64)
• Solar Raspberry Loft color palette (#E8DDF1, #E057F5, #C600A7, #970066, #5E022F)

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