Pale Harbor color palette — #E0E2FD · #AA9CF9 · #966CED · #8E39D6 · #39164B

Violet and Amethyst set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#E0E2FD): A whisper-light, dusty violet — the color of wild irises.
• Wisteria (#AA9CF9): A luminous, balanced violet — the color of wild irises.
• Amethyst (#966CED): A luminous, vivid violet — the color of twilight just after sunset.
• Violet (#8E39D6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#39164B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Energy. Tagged vibrant.

Use it as a design system

One click turns Pale 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

• Softworn Byzantium color palette (#E8E4F2, #C18CEE, #B257D6, #A130B1, #4B1A4A)
• Misty Lapis Grove color palette (#DCE5F6, #8CA5FF, #767FFF, #624AE1, #30205B)
• Faded Coast color palette (#E2EDFC, #8496EE, #7A51D5, #7100A2, #4E1047)
• Pale Alley color palette (#F6DCFF, #DAA6F4, #C272E1, #8D22B3, #260032)
• Hushed Ridge color palette (#DCDBF4, #C897EC, #FC721F, #AD48E7, #471900)
• Aged Pier color palette (#DBDEF3, #8667FF, #6A33C0, #481976, #25073A)
• Hushed Lilac color palette (#E1E4FA, #AC86F1, #E06889, #0092C6, #251340)
• Hazy Grove color palette (#EBEAFF, #FEC6D8, #F4A8AF, #A989E2, #462B4D)

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