Lilac Lagoon color palette — #FFF1F6 · #DACBFF · #CCCB8C · #AF9CDA · #4F4D46

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lilac Frost (#DACBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Pistachio (#CCCB8C): A whisper-light, balanced green — the color of new leaves after rain.
• Mauve (#AF9CDA): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#4F4D46): a grounded near-black with real depth.

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

Use it as a design system

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

• Cocoa Alley color palette (#FFF0FC, #C2D4FF, #E7BF8C, #93A7D9, #6B4400)
• Softworn Petal Corridor color palette (#FFF1F1, #FFBEE3, #96D8B6, #CC95B5, #4B4E47)
• Weathered Pier color palette (#FFF1F7, #CCBBFF, #C1C379, #83B6A1, #4E3C45)
• Mallow Drift color palette (#F3F4FF, #CBB6FF, #E79B88, #9281BB, #5C4555)
• Straw Dune color palette (#FCF2F4, #D9E6A6, #B092B7, #83636A, #33282A)
• Indigo Loft color palette (#EEF1FF, #B6ABDB, #A1A15C, #7860B2, #13392B)
• Worn Workshop color palette (#A8F3FF, #FFD68C, #DFC8FF, #756068, #3A2F33)
• Airy Mint Grove color palette (#FFF1F5, #E2ACFF, #6EDE76, #B167D6, #044811)

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