Lilac Drift color palette — #F5F4FF · #D4B8E5 · #9C6FB3 · #634069 · #383453

Built around Slate Blue, softened by Charcoal Brown — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Lavender (#D4B8E5): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#9C6FB3): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#634069): A full-bodied, dusty pink — the color of neon signs at night.
• Navy (#383453): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Weathered Studio color palette (#FFF1F4, #F3D9FF, #D2ABDC, #A17EAA, #432C4C)
• Cobalt Lantern color palette (#F0F5FF, #BFCDFF, #637ABC, #404B7F, #243650)
• Petal Courtyard color palette (#F4F4FF, #F0C2FE, #B18CC0, #775A81, #34314C)
• Rust Boulevard color palette (#FCF1FF, #EBB3C1, #B65F73, #743A46, #46324D)
• Hushed Courtyard color palette (#F3F4FF, #E3D7E0, #EFC4AA, #7789A8, #535060)
• Tempered Summit color palette (#F6F4FA, #E2AECC, #8A7F23, #93557B, #22322A)
• Dusty Orchard color palette (#F6F4FB, #9CCCBC, #7B4B70, #3D334D, #2B2129)
• Tempered Peony color palette (#F9F2FE, #C0749B, #389081, #2C6C60, #413A47)

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