Lilac Field color palette — #F3F4FF · #DED7E0 · #B2AFA5 · #A6A1DD · #484864

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Silver (#DED7E0): bright and airy, almost weightless.
• Ash (#B2AFA5): soft and architectural.
• Mauve (#A6A1DD): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#484864): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Lilac Field 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 Blush color palette (#FEF0FE, #E8D5D8, #A0A6B1, #DB7892, #482C45)
• Tempered Archive color palette (#FFF1F6, #E4D7D3, #DCAAD2, #7975A0, #584249)
• Emerald Canyon color palette (#F1F5FF, #A0A6F4, #1C9962, #00646A, #081A2C)
• Cypress Veranda color palette (#F0F5FF, #99B1ED, #75AE81, #008579, #192539)
• Patina Petal color palette (#FFE8E3, #FFC9F4, #D3CCD4, #362C47, #18141F)
• Dusty Mulberry color palette (#E7DEF3, #DD9CB6, #C26870, #7B0376, #040002)
• Antique Bronze Lantern color palette (#EBFAEC, #C5E7CC, #BA9864, #8B6130, #1A3927)
• Feathered Grape Boulevard color palette (#F4F4FF, #EAABED, #DB75B8, #6F40AA, #0D0011)

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