Weathered Courtyard color palette — #F9F3F9 · #E2D7DA · #CDBABD · #9B6169 · #4D444E

A conversation between Mocha and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E2D7DA): bright and airy, almost weightless.
• Stone (#CDBABD): A luminous, dusty red — the color of late-summer berries.
• Mocha (#9B6169): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#4D444E): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Muted Pewter color palette (#F4F0F6, #DED4D6, #CBB7B5, #A05E6E, #312834)
• Hushed Thicket color palette (#FFF1F5, #D2E1DD, #AEC2B3, #975A00, #4C3A40)
• Timeworn Driftwood Cabin color palette (#FFF0F9, #D5B4C2, #78947B, #516E6A, #375563)
• Weathered Amber Drift color palette (#FFF0FC, #F8D3C4, #FFA394, #C17544, #4E2E45)
• Antique Balcony color palette (#FFF0FB, #DECDD7, #BA9DAA, #A02810, #42293C)
• Worn Cypress Ridge color palette (#E7FAF6, #87BBB7, #4B8064, #6F4F5C, #2C4846)
• Muted Rust color palette (#F2DEEB, #B24F31, #422A36, #271A23, #120A0C)
• Weathered Garnet Villa color palette (#E8E0E7, #B6A2B0, #927586, #6D0012, #1E0C1D)

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