Lilac Harbor color palette — #FFF0F9 · #D5D5FF · #A7A3F2 · #7673AC · #2D2B53

A conversation between Wisteria and Slate, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lilac Frost (#D5D5FF): A whisper-light, dusty violet — the color of wild irises.
• Wisteria (#A7A3F2): A luminous, balanced violet — the color of a velvet chair.
• Slate (#7673AC): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2D2B53): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Iris color palette (#F3F4FF, #BFC1FF, #948BD4, #575689, #282A4D)
• Muted Mallow color palette (#FFF1F2, #FFC7F6, #D692CF, #9F6995, #40233E)
• Navy Pier color palette (#FFEBF6, #B9B5EF, #7466B3, #352D83, #130B3C)
• Antique Market color palette (#DAFFF0, #B5E1FF, #6ABEED, #4987AD, #003046)
• Fuchsia Dune color palette (#FFF1F3, #EB91F9, #E59774, #6396BC, #402D31)
• Sunlit Drift color palette (#F1E7FF, #D9B2FF, #B86BFF, #8D42C6, #2C004A)
• Worn Ash color palette (#FFF1F3, #FFC6B3, #B182B1, #7A585E, #2B1E20)
• Powdered Bloom color palette (#EDEAF8, #AA7EFF, #7F44E4, #4D2194, #03000B)

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