Lilac Harbor color palette — #FFF0F8 · #CEC1FF · #AA8CE0 · #83679D · #65444D
A conversation between Wisteria and Slate, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#CEC1FF): A whisper-light, balanced violet — the color of a velvet chair.
- Wisteria (#AA8CE0): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#83679D): A full-bodied, balanced violet — the color of a velvet chair.
- Cocoa (#65444D): A full-bodied, dusty red — the color of a theater curtain.
Feels like: 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
- Powder Cabin color palette (#FFF0FD, #B5AFF8, #947AB9, #77577D, #664546)
- Weathered Workshop color palette (#FFF1F3, #EDC5F3, #B885C1, #805885, #502C34)
- Washed Pier color palette (#FFF1F5, #D3B6EE, #2EC6DA, #9C7BBB, #3A5442)
- Misty Periwinkle Lantern color palette (#D9FFF2, #9ECFFF, #63A4ED, #617CAE, #5F475B)
- Hushed Coral Parlor color palette (#FFF1F2, #D39CCB, #E18B71, #7D92BF, #513C3E)
- Ash Villa color palette (#FFF1F3, #E3D7D2, #ABAF9C, #B29BC4, #604E50)
- Antique Magenta color palette (#ECDDF9, #DB85F7, #CA2CDB, #972A8C, #5C2950)
- Muted Lantern color palette (#F6E2F4, #DB84C3, #D140A2, #943767, #572C3A)
Browse the whole catalog at Explore, or see today's palette.