Tempered Lilac color palette — #F4F7E8 · #87C090 · #A18AD1 · #488252 · #624250

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

The five colors

• Ivory (#F4F7E8): a clean, paper-quiet neutral.
• Mint Leaf (#87C090): A luminous, balanced green — the color of fresh herbs.
• Wisteria (#A18AD1): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#488252): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#624250): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Lilac Meadow color palette (#FBF5E5, #BBB175, #B183C9, #817319, #62434C)
• Weathered Mint Summit color palette (#E2F7F2, #95C377, #B58ABE, #5D7C4A, #312C47)
• Aged Blush Veranda color palette (#F0F8EB, #6CC2B0, #D17B8E, #108572, #65433D)
• Mint Drift color palette (#F6F7E4, #A5D587, #C4A1DB, #769861, #61434C)
• Peony Terrace color palette (#FBF6DF, #969F57, #BC699E, #9F5F7D, #44423B)
• Pale Peony color palette (#E7FBEE, #19B2CE, #CE5F81, #007286, #5E333F)
• Patina Taupe Pier color palette (#EAF9F6, #C0E0AF, #DAB7ED, #90B57A, #4B486A)
• Tempered Chestnut Meadow color palette (#FFF3E8, #C6B69B, #A27651, #894A2E, #544800)

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