Lilac Harbor color palette — #F3F4FF · #AD8AE1 · #A58D44 · #437E52 · #2F3047

Built around Wisteria, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#AD8AE1): A luminous, balanced violet — the color of wild irises.
• Moss (#A58D44): A luminous, balanced green — the color of new leaves after rain.
• Fern (#437E52): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2F3047): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. 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

• Hazy Drift color palette (#FFF1F6, #C0A0F1, #B99B3A, #408357, #331D26)
• Washed Workshop color palette (#F4F4FF, #BD85D0, #897509, #006C59, #1E2C3D)
• Wandering Ash color palette (#F7F3FF, #CC98BF, #8DA576, #468783, #3F3A49)
• Dusty Periwinkle color palette (#EEF6FF, #72A2DC, #BD7D62, #797120, #273443)
• Worn Mallow Delta color palette (#E9FBEC, #D999C8, #B17275, #3F7145, #45364E)
• Coral Alley color palette (#F9E8F8, #CF6E71, #289571, #006A8C, #321E32)
• Washed Courtyard color palette (#FAF1FF, #FC70A9, #008D37, #007480, #431D2C)
• Tempered Market color palette (#F6F4FB, #DFD7DC, #C9BBC0, #A582A1, #494650)

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