Tempered Lilac color palette — #F3F4FF · #A07EC4 · #89804A · #306A6A · #3B3B4C

Wisteria takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#A07EC4): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#89804A): A full-bodied, dusty green — the color of fresh herbs.
• Teal (#306A6A): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#3B3B4C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Hushed Summit color palette (#EFF6FF, #6891CF, #A2725C, #3F6958, #353E4A)
• Peony Veranda color palette (#FAF2FF, #CE6A96, #5F8B66, #2E6972, #423A47)
• Lilac Studio color palette (#EFF1FF, #A086C8, #738B66, #4F6641, #20212F)
• Ash Canyon color palette (#E6FCEA, #D190B9, #9C6765, #306360, #4D4352)
• Timeworn Taupe color palette (#FFF0FB, #98A9DD, #94A36C, #3E8790, #483744)
• Dusty Drift color palette (#F6F4FC, #E3D7DE, #B7ACA4, #877A9F, #535159)
• Dusty Corridor color palette (#F4F4FE, #D3B1E7, #A76B61, #7B618A, #342A32)
• Washed Thicket color palette (#F6F3FF, #BF00C1, #646E00, #005748, #2E2542)

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