Lilac Harbor color palette — #FFF0FC · #E3D6F2 · #A4A7FD · #7E78AE · #5B404C
Lavender and Slate Blue set the tone — five colors that lean into creativity and sophistication.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Thistle (#E3D6F2): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender (#A4A7FD): A luminous, balanced violet — the color of twilight just after sunset.
- Slate Blue (#7E78AE): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#5B404C): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: 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
- Ancient Powder color palette (#DAFFF0, #D9E0F8, #76B9FF, #5A7FB2, #5A4356)
- Washed Quarry color palette (#FFF1F4, #FBD3FF, #E196D6, #A66E97, #634242)
- Ancient Atelier color palette (#FCF2F8, #E5D6EF, #62E4D5, #9093D3, #3A4C35)
- Softworn Lilac color palette (#FFF1F6, #E6DAE2, #BF9AE6, #796193, #391C28)
- Weathered Blush color palette (#FFF1F4, #E2BBF0, #FF9A97, #79A6D6, #463237)
- Hushed Powder Dune color palette (#FFF1F6, #E4D7D3, #C3BCE8, #C8BFB6, #5F4A50)
- Softworn Veil color palette (#FFE5FD, #D9D5CB, #B3A8AE, #4E393C, #2B2223)
- Weathered Boulevard color palette (#F5F3FF, #CFBBFF, #BF71FF, #8332A4, #502358)
Browse the whole catalog at Explore, or see today's palette.