Softworn Courtyard color palette — #F1F1FB · #C8A9DB · #7C788B · #535363 · #202129

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

The five colors

• Ivory (#F1F1FB): a clean, paper-quiet neutral.
• Mauve (#C8A9DB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#7C788B): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#535363): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#202129): 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 Softworn 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 Field color palette (#EDDFED, #E78D90, #7F6779, #544353, #1C161E)
• Softworn Ash color palette (#F0F0FD, #AB8EC1, #5C5465, #373645, #1F2129)
• Worn Fuchsia color palette (#ECE2FE, #E769D2, #82596D, #56354F, #120F1C)
• Peony Coast color palette (#E5DEED, #D356A4, #60496A, #452237, #06030D)
• Weathered Peony color palette (#F2EFFF, #EFC4E7, #DE9CC9, #C0739C, #5C4868)
• Hushed Stone Courtyard color palette (#EBF8F7, #BEE7E6, #90C2AE, #79A0B7, #3A5252)
• Weathered Cabin color palette (#F8F2FF, #E9B5D4, #EAAE8F, #9BA9F3, #483D55)
• Tempered Atelier color palette (#F0D8E7, #F2580A, #7E4A25, #59200A, #10030D)

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