Pale Harbor color palette — #EEF6FF · #A2C4FF · #6B7FE6 · #5A5A9E · #30224D

Built around Periwinkle, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#A2C4FF): A luminous, balanced violet — the color of wild irises.
• Periwinkle (#6B7FE6): A luminous, balanced violet — the color of wild irises.
• Slate (#5A5A9E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#30224D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged cool.

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

• Wandering Courtyard color palette (#CEE5F3, #83BEFF, #7A93EE, #7367B5, #412956)
• Aged Lilac Atelier color palette (#F2F4FF, #CBBFFF, #A475DA, #794A85, #41213F)
• Airy Parlor color palette (#E4FAFF, #62D1FF, #0092D4, #2D5D98, #1F2F52)
• Frosted Mustard color palette (#F1F5FF, #B1B8FF, #C1A807, #6569C1, #2F2800)
• Softworn Nightshade color palette (#DDE9FB, #7996DD, #4C5CBF, #4233AB, #382F62)
• Antique Drift color palette (#F5F3FF, #DAD5FF, #8C79D7, #49397F, #140535)
• Lapis Pier color palette (#D6E1F1, #7396FF, #573EDD, #3F107D, #1A0029)
• Hazy Boulevard color palette (#DCE0F3, #8D61FF, #7400BE, #3E004B, #090007)

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