Tempered Lilac color palette — #FFF0F8 · #D3CEFF · #C7CD8E · #A69EE2 · #4F4D46

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lilac Frost (#D3CEFF): A whisper-light, dusty violet — the color of wild irises.
• Pistachio (#C7CD8E): A whisper-light, balanced green — the color of fresh herbs.
• Mauve (#A69EE2): A luminous, balanced violet — the color of a velvet chair.
• 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 Tempered 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

• Cocoa Terrace color palette (#FCF1FC, #BAD7FF, #E5C08E, #85AADF, #6A4400)
• Worn Ash color palette (#FFF1F2, #F9C0E9, #98D7B7, #CF91BE, #4B4E47)
• Aged Orchard color palette (#FDF1F9, #B8C1F1, #A7BA7F, #7D87C2, #4E4D46)
• Muted Mallow Study color palette (#FFF1F7, #CCBBFF, #E9AF87, #71C0AC, #513B45)
• Timeworn Field color palette (#FFF1F5, #DEAEFF, #9FD565, #B360E5, #284400)
• Muted Indigo Meadow color palette (#EEF1FE, #B1ABE4, #9CA34E, #7065AF, #15392C)
• Hushed Cocoa Orchard color palette (#FEF3E7, #E7D7BA, #CBB190, #A88C74, #574600)
• Patina Balcony color palette (#FFE8EA, #EAA3DD, #6FC692, #BF71B3, #004123)

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