Worn Courtyard color palette — #F1F5FF · #E9D3F0 · #BCAFF5 · #8476A3 · #4A4A62

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 (#F1F5FF): a clean, paper-quiet neutral.
• Thistle (#E9D3F0): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#BCAFF5): A luminous, balanced violet — the color of wild irises.
• Slate Blue (#8476A3): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#4A4A62): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Worn 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

• Muted Balcony color palette (#F6F3FF, #F4D4DA, #DF99C7, #A3748B, #504158)
• Patina Pewter Study color palette (#EDF7FF, #A0AFE0, #867EBE, #824D8B, #57496A)
• Mallow Meadow color palette (#F4F4FF, #E7D7DF, #C9A5D8, #765982, #272341)
• Dusty Mallow Orchard color palette (#F4F4FF, #E5B6FF, #ECA5A5, #80A6CA, #373647)
• Misty Magenta Drift color palette (#F7F3FF, #E0BDFF, #C765F2, #8F429B, #53254E)
• Powdered Mallow Boulevard color palette (#FFEEFF, #F793ED, #C868B2, #864168, #431C2E)
• Washed Canyon color palette (#ECF9F0, #B7ECE9, #91BA9E, #6B816E, #33443C)
• Fuchsia Orchard color palette (#F5E6FF, #DA75F8, #BC48BB, #76246D, #350026)

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