Tempered Lilac color palette — #FFF0FD · #BAC0F6 · #9F98D9 · #8670A4 · #67424B

Mauve and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#BAC0F6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#9F98D9): A luminous, balanced violet — the color of a velvet chair.
• Slate (#8670A4): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#67424B): A full-bodied, dusty red — the color of a theater curtain.

Feels like: 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

• Washed Lilac Loft color palette (#EFF6FF, #DED6E6, #ADA1F8, #8C74AD, #4C4865)
• Periwinkle Chapel color palette (#CFF9E8, #95CAF3, #769AD0, #6475A6, #65475A)
• Timeworn Lagoon color palette (#FFF1F4, #E8BCEB, #BC85AE, #9A627D, #64423C)
• Softworn Iris Atelier color palette (#FFF1F7, #C9BAF2, #B0B77F, #927FC1, #5B4C00)
• Worn Ash color palette (#FFF1F6, #E4D8D3, #ACB49C, #B28FA7, #5A464A)
• Worn Peony Coast color palette (#EAE0F1, #D494DB, #BA66AA, #853967, #5E2D3D)
• Orchid Meadow color palette (#ECEDFD, #C09BFF, #AC57D3, #963E9B, #672459)
• Taupe Quarry color palette (#FFF1F6, #BCA5DB, #CA9A6C, #52A398, #513B43)

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