Tempered Lilac color palette — #F5F4FF · #C398D3 · #90A377 · #708257 · #3D3B4C

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

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Mauve (#C398D3): A luminous, balanced pink — the color of peonies in June.
• Moss (#90A377): A luminous, dusty green — the color of fresh herbs.
• Fern (#708257): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#3D3B4C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Periwinkle color palette (#F0F5FF, #90A9EA, #B39769, #937543, #343D4D)
• Weathered Mallow color palette (#F7F3FF, #D79BC6, #719871, #357573, #054D4B)
• Tempered Harbor color palette (#F4F4FF, #D9B0F2, #C7B771, #77A68A, #3C3B4A)
• Cypress Dune color palette (#FFF1F5, #9E84AF, #85814F, #1D6F51, #4C363D)
• Washed Mallow color palette (#E6FAF6, #CBB2DE, #B7837D, #4A7687, #4C4359)
• Ash Thicket color palette (#F7F3FF, #C885B5, #5C96C1, #40749B, #372E45)
• Feathered Peony Hollow color palette (#F7E8FD, #D1688C, #319379, #00715A, #301F36)
• Ancient Studio color palette (#F6F4FB, #E0D8DB, #B9AFAA, #A094B8, #535158)

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