Lilac Loft color palette — #F3F4FF · #DDCAFF · #C2CE91 · #B19CD6 · #285749

Mauve and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#DDCAFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Pistachio (#C2CE91): A whisper-light, balanced green — the color of a quiet forest floor.
• Mauve (#B19CD6): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#285749): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Seafoam Drift color palette (#F9F2FF, #FCC1DE, #8BDABD, #D093B2, #1D575B)
• Patina Teal Lagoon color palette (#F4F4FF, #D5B9F3, #B5C787, #6DB595, #404056)
• Periwinkle Studio color palette (#EFF6FF, #BAD7FF, #EABD95, #81ABE3, #66404F)
• Iris Villa color palette (#FFF1F6, #CDB8F1, #DBA28E, #9580B6, #534B47)
• Worn Peony Bloom color palette (#F5E9FF, #F4A1CB, #68D593, #CB5697, #004121)
• Weathered Veranda color palette (#F6F3FD, #BBEADB, #B88FB1, #706883, #2D2934)
• Magenta Thicket color palette (#F6F3FF, #FDC2FD, #8CCE4D, #C245C6, #264400)
• Taupe Hollow color palette (#FBEEF2, #C2A6DA, #AE9D3E, #845FA0, #34312A)

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