Washed Courtyard color palette — #FCF3F0 · #DFDBD0 · #ACB6AC · #D09C9D · #514440

Rosewood Mist takes the lead with Cocoa close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Bone (#DFDBD0): a clean, paper-quiet neutral.
• Ash (#ACB6AC): a calm mid-gray that lets other colors speak.
• Rosewood Mist (#D09C9D): A luminous, dusty red — the color of embers at dusk.
• Cocoa (#514440): a grounded near-black with real depth.

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

Use it as a design system

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

• Hushed Taupe Balcony color palette (#F8F5ED, #D4DCD2, #B3C3BA, #AF9F63, #3E3A31)
• Timeworn Sand color palette (#FFF0EE, #F4C9A9, #C1B997, #A3899E, #62495D)
• Weathered Shell Cabin color palette (#FFF5D7, #FFACBE, #C09F63, #5987A9, #433B38)
• Bronze Station color palette (#F5F0F5, #E1D4D4, #B3C4C0, #A1605E, #312931)
• Patina Fern color palette (#F7F6E8, #A2E6C9, #76B9BD, #A48887, #344B05)
• Hushed Courtyard color palette (#ECE4DE, #A0A68B, #7B9077, #8D531D, #120600)
• Blush Market color palette (#FFF2EE, #FF9EA8, #38B6A6, #5081AE, #183A58)
• Timeworn Bronze Parlor color palette (#E6E3D8, #B4C8B3, #8DB0A1, #8B8331, #261F0B)

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