Worn Harbor color palette — #E8F8FF · #A2CAFF · #7482EC · #6A539B · #3E193A

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

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Sky (#A2CAFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#7482EC): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#6A539B): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#3E193A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Gentle Delta color palette (#D4FFFC, #62D9FF, #1F9CEA, #4B589D, #2E254F)
• Airy Grove color palette (#F0F5FF, #B7BBFF, #B675D7, #7B3C74, #451A2C)
• Iris Summit color palette (#E2ECFF, #93B1FF, #8692F3, #6766B8, #3D3365)
• Ancient Villa color palette (#EEF6FF, #CCD9FF, #A793E7, #8F608B, #542E2C)
• Timeworn Boulevard color palette (#D6E5FF, #7792DC, #535EC8, #41269E, #1F1047)
• Pale Iris Lantern color palette (#F5F3FF, #DFCAFF, #917FDD, #5A3E7E, #0F042D)
• Lime Dune color palette (#FFF0FB, #A7BCFF, #A5AF35, #5B70C0, #282B00)
• Muted Amethyst Market color palette (#D2EBFC, #6496FF, #6B3DE2, #570D75, #150010)

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