Taupe Courtyard color palette — #FAF3F0 · #DDD9D2 · #AFB4A7 · #C38C7F · #58514D

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

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Silver (#DDD9D2): bright and airy, almost weightless.
• Ash (#AFB4A7): soft and architectural.
• Dusty Rose (#C38C7F): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#58514D): quiet, heavy and certain.

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

Use it as a design system

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

• Worn Workshop color palette (#FAF3F8, #E2D7D7, #E1AEB8, #ACB1BC, #575055)
• Softworn Driftwood color palette (#F7F5EF, #D9DED2, #BCC5B6, #9B914D, #4C473C)
• Cocoa Meadow color palette (#EBE2DD, #AFA297, #9C8163, #722D00, #120601)
• Washed Villa color palette (#EBE9E1, #B8B69D, #849F76, #535800, #191401)
• Tempered Moss color palette (#FAF4EC, #CFAB75, #78994F, #23786B, #48413D)
• Bronze Parlor color palette (#F3EDE7, #DED6CB, #C7B595, #976627, #382B1D)
• Timeworn Amber color palette (#F9F0E8, #D08949, #784E07, #3F362E, #26201C)
• Tempered Olive color palette (#F7F6E6, #DFE0CA, #9ECC9F, #678400, #34332C)

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