Lilac Courtyard color palette — #F2F4FF · #B3A0EE · #525269 · #282A36 · #0E0F14

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

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Mauve (#B3A0EE): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#525269): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#282A36): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0E0F14): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Softworn Indigo color palette (#EEF1FF, #7C70BA, #40384C, #252833, #14141B)
• Blush Bloom color palette (#FBF1FF, #EC6D99, #533E54, #241A28, #070409)
• Linen Magenta color palette (#F5F4FF, #C55AE9, #512C4E, #151128, #010105)
• Softworn Apricot Courtyard color palette (#F8F2FF, #F6B4DD, #F0A783, #939ED6, #3C3545)
• Timeworn Mulberry Harbor color palette (#ECD9EE, #694A00, #920034, #2B1B0F, #130000)
• Aubergine Basin color palette (#EAEBFF, #540084, #2A1B15, #1B0713, #030004)
• Wisteria Veranda color palette (#F3F4FF, #E9D5E0, #CC92D9, #996999, #514763)
• Charred Magenta color palette (#E7E2F8, #BA23BB, #400C31, #201319, #050110)

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