Muted Courtyard color palette — #F1F7F2 · #D4DCDC · #CEB178 · #AAB2BA · #4C554E

A conversation between Sand and Charcoal Brown, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D4DCDC): a clean, paper-quiet neutral.
• Sand (#CEB178): A luminous, balanced gold — the color of old brass.
• Ash (#AAB2BA): soft and architectural.
• Charcoal Brown (#4C554E): a grounded near-black with real depth.

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

Use it as a design system

One click turns Muted 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 Mustard color palette (#EFF7F3, #CFDCDF, #ACAABF, #B3A800, #2F453B)
• Stone Dune color palette (#E6F6EF, #B7BD7E, #648280, #435B51, #1C241E)
• Timeworn Meadow color palette (#FFF0F7, #D7E8DB, #A7C7C0, #999EC2, #5A4C66)
• Antique Bronze Ridge color palette (#F6F1EA, #D5D9CF, #A3B3AE, #A27B3B, #3A352E)
• Weathered Workshop color palette (#FFF1F5, #EBCB9A, #98BA89, #997EB5, #354E40)
• Timeworn Veranda color palette (#E7F2EB, #94A3A5, #728D97, #766100, #000D04)
• Jade Garden color palette (#EBF8F9, #CDDCEC, #B4C0DE, #00B28D, #0C3A3E)
• Timeworn Bloom color palette (#DDEAEA, #A3B2C0, #8998B3, #008758, #001818)

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