Lilac Pier color palette — #F3F4FF · #C09FE2 · #C88669 · #7F6598 · #5E4453

Mauve and Caramel set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#C09FE2): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#C88669): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#7F6598): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#5E4453): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Lilac Pier 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

• Lilac Atelier color palette (#F5F4FF, #B283C4, #B77572, #59799C, #424051)
• Tempered Lagoon color palette (#FAF2FF, #DE98B3, #AA985E, #9B5C75, #385542)
• Muted Orchard color palette (#F5F3FF, #CE9AD6, #5DA4BD, #87648C, #355161)
• Mallow Delta color palette (#F5F4FF, #E0B4EE, #9571A1, #5F4366, #36324D)
• Washed Pewter Workshop color palette (#EFF0FF, #BFA6DF, #97A36A, #7E649B, #043A2D)
• Ancient Powder color palette (#EFF6FF, #88B2EC, #67A983, #5174A4, #2B5555)
• Aged Iris color palette (#FFF1F6, #D0B8ED, #A6BA84, #9A7DBB, #564E00)
• Hushed Pewter Grove color palette (#FAF2FE, #E6B495, #804C5D, #403346, #2B2126)

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