Lilac Courtyard color palette — #F4F4FF · #B898E0 · #B97065 · #736E3F · #26333B

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mauve (#B898E0): A luminous, balanced violet — the color of wild irises.
• Caramel (#B97065): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#736E3F): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Teal (#26333B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Lilac Garden color palette (#F2F4FF, #B7A4E9, #A9845C, #4A7553, #1E4A4E)
• Ancient Basin color palette (#EFF6FF, #60B0FB, #A87551, #8A6144, #203837)
• Olive Bloom color palette (#FCF2F8, #B3B7EC, #C38456, #497C39, #15271E)
• Pewter Corridor color palette (#F8F3FD, #B27695, #925676, #4E4F1F, #293445)
• Emerald Villa color palette (#FDF2F4, #CDADDA, #CD8BAB, #659D5A, #3C2A32)
• Ash Cabin color palette (#F1F5FF, #D1C5FF, #BA8CC2, #986277, #70323A)
• Wisteria Market color palette (#F2F0FF, #C37AD4, #5F5266, #383641, #202128)
• Timeworn Grove color palette (#F9F2FF, #F277BF, #288A4A, #3A6C47, #1E2838)

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