Dusty Courtyard color palette — #FFF1F4 · #F0CEFF · #CE9CE6 · #916C9C · #3C2145

A conversation between Mauve and Slate, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Thistle (#F0CEFF): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#CE9CE6): A luminous, balanced violet — the color of a velvet chair.
• Slate (#916C9C): A full-bodied, balanced pink — the color of peonies in June.
• Deep Indigo (#3C2145): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Balance. Tagged monochrome, muted.

Use it as a design system

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

• Mallow Studio color palette (#FFF1F5, #E9B5FF, #AD7DBE, #754B7D, #3A2548)
• Washed Atelier color palette (#FFF1F1, #FFD2E8, #E7A5C5, #A8788F, #4F2F2E)
• Frosted Aubergine Quarry color palette (#FFECF1, #D2AEDA, #9767AA, #591F6A, #24042A)
• Worn Periwinkle Study color palette (#FFF0FC, #C8DAFF, #89AAF8, #6A82B4, #202E51)
• Blush Canyon color palette (#FFF2F0, #FF91BE, #D0A55F, #808DBE, #442C29)
• Hazy Pier color palette (#FFDEF5, #FFA5E1, #FD41D0, #A91F90, #35002C)
• Antique Sand Harbor color palette (#FFF2F0, #FFC8A4, #BB8194, #7D5854, #2E1D1A)
• Frosted Loft color palette (#FFF1F2, #FFC3CA, #FF758D, #BF495F, #52011D)

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