Lilac Garden color palette — #F0F5FF · #BDBBFF · #B096D8 · #886B92 · #504A62

Mauve and Lavender set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#BDBBFF): A luminous, balanced violet — the color of wild irises.
• Mauve (#B096D8): A luminous, balanced violet — the color of a velvet chair.
• Slate (#886B92): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#504A62): A full-bodied, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Iris Chapel color palette (#E0EDFF, #B4BBF3, #947DB7, #72517A, #5B3F56)
• Softworn Mallow Lantern color palette (#F5F3FF, #EEABDF, #CF88AD, #A06A78, #5B485D)
• Dusty Petal Ridge color palette (#F5F4FF, #F2C9FF, #B98EBE, #7D5A7F, #3D3655)
• Patina Mallow color palette (#F4F4FF, #D7B2FA, #A4BB7F, #9A7FB2, #35544C)
• Dusty Periwinkle Orchard color palette (#EBF7FF, #93D3FF, #6DA1DA, #5F75A0, #4A536C)
• Washed Pier color palette (#F4F4FF, #CC9BE3, #C59D65, #5BA09F, #424051)
• Weathered Quarry color palette (#F4F4FF, #E3D7DF, #B8B3A9, #98A1C0, #54515F)
• Chalky Magenta Lagoon color palette (#E2D7FF, #D39BFF, #C950DF, #98448A, #622C4A)

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