Lilac Harbor color palette — #FFF1F6 · #9B80C8 · #A56E6C · #2C687B · #4A373E

Wisteria takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wisteria (#9B80C8): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#A56E6C): A full-bodied, dusty orange — the color of toasted spice.
• Peacock (#2C687B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#4A373E): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Iris Delta color palette (#FFF1F5, #906EB1, #904E47, #235266, #3A2E37)
• Wandering Lilac Garden color palette (#FCEDF3, #9F86C7, #977F4D, #3C6B46, #301C24)
• Worn Station color palette (#FFF2F0, #CE6B93, #9B7846, #73536B, #4A3836)
• Driftwood Quarry color palette (#FCF2F3, #E2D8D2, #ACAFA5, #99787B, #5A4F50)
• Mallow Basin color palette (#FCF2F4, #DEAAED, #A4687F, #7F6088, #382A28)
• Blush Lagoon color palette (#FFF2E9, #DE89AF, #9F646A, #755204, #59413E)
• Lilac Courtyard color palette (#F3F4FF, #B49FD8, #AF9966, #5A8763, #3A3C4A)
• Magenta Archive color palette (#FFF1F3, #BD00C7, #A54600, #004D7F, #412027)

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