Lilac Courtyard color palette — #FFF0F9 · #BAA2F0 · #9771B0 · #78587C · #644347

Lavender takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#BAA2F0): A luminous, balanced violet — the color of a velvet chair.
• Slate Blue (#9771B0): A luminous, balanced violet — the color of wild irises.
• Graphite (#78587C): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#644347): 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 Lilac Courtyard 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

• Antique Ridge color palette (#F3F4FF, #DFCCFA, #C8A2E5, #AA7CB8, #544B6D)
• Muted Powder color palette (#CDFDF0, #8EB1F4, #707ABD, #655D87, #654854)
• Mallow Corridor color palette (#FFF1F3, #E9A0C7, #B6718C, #875760, #59514E)
• Tempered Corridor color palette (#FFF1F2, #EDB9E8, #9D6B94, #614060, #4E2B32)
• Worn Wisteria color palette (#FFF1F3, #BB7EC2, #A7843C, #408288, #513C40)
• Muted Driftwood Market color palette (#FFF1F4, #E3D8D2, #AEC1A2, #A07989, #5D494A)
• Softworn Blush color palette (#FFD6E8, #E67D9F, #BC5C65, #81433E, #4D4642)
• Airy Drift color palette (#F9E2F6, #DD61B3, #A93F77, #7E3144, #5B3031)

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