Lilac Harbor color palette — #F4F4FF · #D1B9E1 · #AFB87E · #A575C2 · #2B5748

Wisteria takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#D1B9E1): A luminous, dusty violet — the color of wild irises.
• Sage (#AFB87E): A luminous, dusty green — the color of a quiet forest floor.
• Wisteria (#A575C2): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#2B5748): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, 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

• Worn Peony Workshop color palette (#F9F2FF, #E8B2CC, #7AC1B0, #C6689A, #1E584C)
• Worn Oat color palette (#F3F4FF, #E0C9FF, #C0CF94, #B39CD2, #34554A)
• Tempered Atelier color palette (#FFF1F6, #BAA5D6, #87A556, #8061A6, #4E4D46)
• Softworn Periwinkle color palette (#F3F4FF, #E4D7E0, #B1B2A6, #7B9ECE, #545162)
• Worn Cabin color palette (#EBFAEF, #B5D2C7, #AA9A6E, #8E6779, #334E4B)
• Worn Azure Drift color palette (#EDF6FF, #A3C9EC, #CAAE6C, #3D92D6, #5B4B24)
• Hushed Driftwood color palette (#F5F4FB, #ABDCDA, #927091, #4F4865, #2C2A33)
• Feathered Plum color palette (#F4EAFA, #D78FA9, #34B77C, #BF006E, #004127)

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