Hazy Harbor color palette — #FFF0F9 · #AEB2F5 · #7373D2 · #483CA6 · #1F1954

Indigo and Cornflower Indigo set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#AEB2F5): A luminous, balanced violet — the color of a velvet chair.
• Cornflower Indigo (#7373D2): A full-bodied, balanced violet — the color of wild irises.
• Indigo (#483CA6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#1F1954): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged monochrome.

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

• Cobalt Alley color palette (#FDF0FF, #96C3F6, #4287D2, #005597, #002241)
• Pale Lapis color palette (#FFEDF6, #9F9EF0, #604FBD, #34277B, #1A1A48)
• Pale Aubergine Study color palette (#FFF1F5, #D5BBF3, #9D7DC3, #704397, #3A1F4F)
• Sunlit Iris color palette (#F3F4FF, #D2D1FF, #857BDE, #3E3C7A, #0E072F)
• Gentle Delta color palette (#F4F4FF, #C4C9FF, #A293F9, #6D6BB0, #201645)
• Grape Villa color palette (#E9E5F5, #9B87DE, #703FCB, #3F0083, #0B0022)
• Weathered Villa color palette (#FFF1F2, #DFA0D2, #B362A3, #7D1F6F, #3B0235)
• Misty Grape color palette (#EBDCEF, #AD6CC5, #820A9F, #3F004F, #06000A)

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