Dusty Courtyard color palette — #FAF3F7 · #E2D8D6 · #AAB2DD · #B6B1A7 · #584F55

A conversation between Mauve and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#E2D8D6): bright and airy, almost weightless.
• Mauve (#AAB2DD): A luminous, dusty violet — the color of a velvet chair.
• Ash (#B6B1A7): soft and architectural.
• Charcoal Brown (#584F55): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Ancient Harbor color palette (#FFF0F7, #D7D3DF, #FFB8B4, #CDAC9F, #5E4147)
• Ancient Bloom color palette (#E2FDEE, #F2DBE6, #D9BCBB, #93A992, #475547)
• Driftwood Basin color palette (#EFF2F8, #DAD5DC, #BAABAC, #7383A4, #34363B)
• Muted Alley color palette (#F1F9E4, #ACD5FC, #C2A1C5, #85926B, #53424E)
• Patina Bloom color palette (#FFECF2, #C9A5E8, #8E7471, #5E5055, #252024)
• Washed Driftwood color palette (#FFF0F9, #BDC2F9, #B9A878, #70925F, #334A27)
• Antique Fern Grove color palette (#F9F4ED, #E3E0BA, #B0BB9B, #B2908F, #574E00)
• Blush Workshop color palette (#FFF2EF, #E5D9C2, #C3C3A0, #E46A8E, #442C27)

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