Tempered Lilac color palette — #F6F2E3 · #B9B777 · #9D8EE0 · #797522 · #402835

Built around Wisteria, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#F6F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B9B777): A luminous, balanced green — the color of new leaves after rain.
• Wisteria (#9D8EE0): A luminous, balanced violet — the color of twilight just after sunset.
• Walnut (#797522): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#402835): A deep, shadowed, 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

• Tempered Bronze color palette (#F9F0E4, #CDAE77, #5FA3D8, #916A12, #11392F)
• Misty Lilac Meadow color palette (#EEF5E5, #7FC4A6, #B885CC, #148561, #45262F)
• Dusty Stone color palette (#E5FBF1, #C8CA80, #AAABE3, #8F914F, #444C64)
• Iris Station color palette (#FAF1DC, #A89F53, #7A85D7, #926697, #2D2715)
• Softworn Stone color palette (#F9F5E6, #AFB76F, #4BA8B6, #727837, #3A5442)
• Muted Parlor color palette (#F6F2E5, #BCDED3, #B7AFBD, #A78C6F, #393932)
• Worn Rose color palette (#EDF5E2, #61B890, #DC5F63, #007751, #3E1C10)
• Peony Canyon color palette (#E7ECD9, #5CA468, #C14F9F, #006224, #330827)

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