Misty Lilac color palette — #F2F5FF · #B7A1FF · #A0A543 · #747822 · #202337
Built around Lavender, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Lavender (#B7A1FF): A luminous, balanced violet — the color of wild irises.
- Moss (#A0A543): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#747822): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#202337): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Misty Lilac 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
- Soft Moss color palette (#F1F5FF, #B0B2FF, #988C0D, #006778, #00313A)
- Pale Moss color palette (#F4F4FF, #C99EE5, #8DAB48, #217BA8, #232234)
- Washed Mallow color palette (#FFF0F7, #BCAAFF, #CAA860, #6D9E75, #412B36)
- Feathered Courtyard color palette (#F3F4FF, #BD9EFE, #35B59A, #298370, #202238)
- Lilac Bloom color palette (#F3F4FF, #C1A0EF, #C185C1, #976819, #212237)
- Mallow Alley color palette (#F6F3FF, #DE94DC, #DC8269, #9F613A, #262133)
- Iris Terrace color palette (#F3F4FF, #7D80FF, #868300, #005D7D, #09052A)
- Emerald Thicket color palette (#F5F3FF, #EE8AF7, #309C00, #006EA3, #2A0E2C)
Browse the whole catalog at Explore, or see today's palette.