Lilac Garden color palette — #F4F4FF · #BA94CE · #4A9392 · #357796 · #2B3244

A conversation between Mauve and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mauve (#BA94CE): A luminous, balanced violet — the color of wild irises.
• Storm Blue (#4A9392): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#357796): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#2B3244): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Worn Blush color palette (#FAF1FE, #D1859A, #4E8FB5, #5F6194, #393544)
• Tempered Chapel color palette (#F0F6FE, #85A7D8, #6C8F63, #1C7569, #233641)
• Antique Lime color palette (#FFF2F1, #EBA8CC, #9AB457, #4F8FB7, #443131)
• Misty Peony Terrace color palette (#F7F3FF, #BB66A7, #00778F, #164D8A, #1C1C35)
• Emerald Atelier color palette (#FBF4EB, #D2A766, #4CA26E, #0D7473, #1B2C26)
• Fern Thicket color palette (#F8F3FA, #B17382, #676817, #00596C, #3A3242)
• Tempered Stone Market color palette (#ECFAEB, #EDAC9A, #B58764, #63764F, #55414D)
• Worn Taupe color palette (#F9F3F9, #E0D7D9, #BCAEA9, #BE8C8F, #575057)

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