Lilac Lagoon color palette — #FDF1FB · #DBD8FF · #B78ED4 · #9C5F5D · #3C3E4E

A conversation between Mauve and Walnut, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Thistle (#DBD8FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#B78ED4): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#9C5F5D): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3C3E4E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Blush color palette (#FFF0F9, #FFC9F3, #CF8BA3, #8D6B45, #433B4D)
• Ancient Study color palette (#E4FBFA, #B7E4FF, #7DA4DA, #8A6387, #33414E)
• Ancient Alley color palette (#F3F4FF, #E0D7E0, #CBBCDF, #A18997, #5B4B51)
• Ash Station color palette (#E7FAF3, #AFD4FF, #BEA0D3, #699788, #404858)
• Chestnut Delta color palette (#FCF0DD, #99AAD6, #826F95, #664D25, #372630)
• Washed Lagoon color palette (#FFF0F9, #CE80D5, #A9397F, #613100, #160B27)
• Lilac Delta color palette (#F2F5FF, #AEA0F4, #51526D, #282A35, #0E0F13)
• Aged Peony color palette (#FFF0FA, #DEA3FF, #CC46B6, #8F3B00, #361C3B)

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