Misty Lilac color palette — #F8F6E3 · #A8C674 · #56BBE0 · #AB77C6 · #34332C

A conversation between Wisteria and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F6E3): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#A8C674): A luminous, balanced green — the color of new leaves after rain.
• Cyan (#56BBE0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Wisteria (#AB77C6): A luminous, balanced violet — the color of wild irises.
• Espresso (#34332C): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Patina Iris color palette (#FDF4E2, #C9BA79, #62C0B5, #8187D7, #36332C)
• Washed Orchid Bloom color palette (#F3F7E8, #85C897, #3EA8C9, #A95BA7, #362A13)
• Hushed Ash Corridor color palette (#F0F8EE, #80D4CB, #8ABEE1, #BF83B2, #33422F)
• Airy Lantern color palette (#E7F4DD, #2CC7A2, #C186D2, #C56245, #1D2B0F)
• Gentle Crimson Delta color palette (#EEFADE, #28D79B, #A493FF, #EE165F, #003523)
• Airy Lagoon color palette (#D5E3D0, #00B5A1, #A376DE, #C8344F, #00201C)
• Patina Lime Market color palette (#F6F5EF, #D5DED7, #A5B7B8, #9BB868, #504900)
• Worn Ridge color palette (#FDF1FB, #D38684, #738ECA, #785FA6, #3F2B3E)

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