Lilac Harbor color palette — #FFF2ED · #B8C3FF · #AC97D9 · #B26975 · #4D3443
A conversation between Mauve and Mocha, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Lavender (#B8C3FF): A whisper-light, balanced violet — the color of a velvet chair.
- Mauve (#AC97D9): A luminous, balanced violet — the color of wild irises.
- Mocha (#B26975): A luminous, balanced red — the color of embers at dusk.
- Charcoal (#4D3443): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Sophistication. Tagged retro, 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
- Muted Ash Veranda color palette (#FFF2EC, #DEC4F4, #CB9CC5, #AE7F6D, #574146)
- Ancient Corridor color palette (#FDF1F9, #ADB8FF, #BF8BC0, #AB666C, #003E51)
- Muted Harbor color palette (#EFFADF, #8CD1FB, #86A6D8, #9E6F99, #20453C)
- Muted Hollow color palette (#F3DDEC, #95A1FF, #816774, #54444F, #1C161B)
- Sky Lagoon color palette (#FDF6D8, #74BAE7, #8B7AB9, #636830, #4C334B)
- Tempered Magenta color palette (#FFDBD6, #B89DFF, #BF5BDF, #B73A2F, #341652)
- Powdered Coral Cabin color palette (#FFEAD9, #F49BC0, #D8757E, #916F06, #4A212E)
- Azure Villa color palette (#F4F6EF, #C0E7ED, #9AC0F3, #5CA1C7, #5A3C56)
Browse the whole catalog at Explore, or see today's palette.