Tempered Lilac color palette — #FFF1F7 · #A98AEE · #819336 · #6D559F · #3E471C

Wisteria and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Wisteria (#A98AEE): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#819336): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#6D559F): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#3E471C): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Wisteria Meadow color palette (#FFF1F3, #CC80C8, #5A9B67, #8A4A86, #274C2F)
• Powdered Denim Dune color palette (#FFECF5, #A29ADA, #759B59, #64589F, #1A2E07)
• Periwinkle Garden color palette (#FFF0FD, #749CF7, #A2872A, #4663A4, #45423B)
• Antique Violet color palette (#F3F4FF, #BEAAED, #A2AC5E, #896FBE, #41461A)
• Aged Violet color palette (#FFF1F6, #9C6FD0, #AD6813, #29776E, #492F39)
• Peony Garden color palette (#FFF1F0, #EC4EA1, #00947D, #9E2066, #00453A)
• Pale Station color palette (#F7D8FF, #D73DFB, #458200, #66007B, #193600)
• Washed Corridor color palette (#FFF1F6, #E4D8D3, #EEB9B0, #906C84, #5D474D)

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