Dusty Courtyard color palette — #F5F4FB · #DFD7DC · #BBB6AC · #B1A7CF · #4E4C54

Built around Mauve, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F5F4FB): bright and airy, almost weightless.
• Silver (#DFD7DC): a clean, paper-quiet neutral.
• Stone (#BBB6AC): a calm mid-gray that lets other colors speak.
• Mauve (#B1A7CF): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#4E4C54): 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

• Dusty Driftwood Delta color palette (#F8EFF1, #DCD5D1, #AEAEA5, #9E767E, #3B3435)
• Muted Terracotta color palette (#FAF2FA, #E8D4D5, #D1B0BD, #9B3B3F, #140714)
• Patina Taupe color palette (#ECF9EE, #FDCAF3, #D18C93, #5D7C5B, #443B4D)
• Patina Bronze color palette (#FFF0F7, #C6E2E6, #A5A7B6, #BF6000, #311E27)
• Antique Garnet color palette (#E2E0E6, #C1B6C7, #A288A2, #690258, #020004)
• Muted Blush color palette (#FAF2FF, #E98DB3, #604D5F, #2F2833, #100E14)
• Muted Cocoa color palette (#F4EBF0, #E0C9D1, #BAA378, #822F00, #080004)
• Timeworn Terrace color palette (#F3F5FB, #DDD8DF, #BDB4AB, #B0A6D7, #4C4D53)

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