Weathered Courtyard color palette — #F5F6EE · #D5DDD8 · #A7B5B9 · #9D9F76 · #53534D

Taupe takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#D5DDD8): bright and airy, almost weightless.
• Ash (#A7B5B9): a calm mid-gray that lets other colors speak.
• Taupe (#9D9F76): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#53534D): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Aged Lagoon Orchard color palette (#F1F7F1, #D2DDDE, #CFBBB4, #579CA1, #414B42)
• Bronze Loft color palette (#FBF5E0, #CFE0C4, #99AEA6, #B26F52, #7E4124)
• Washed Atelier color palette (#F9F5E9, #D0D4BA, #8DA383, #917B33, #4C5300)
• Antique Boulevard color palette (#E8F1EB, #BDAFBF, #A88C9B, #005D6C, #03190C)
• Forest Quarry color palette (#EFF0E8, #9BA998, #758D80, #00551A, #090B00)
• Ancient Driftwood color palette (#F4F6ED, #90BF95, #A77BA5, #8A5672, #5F333F)
• Tempered Teal Delta color palette (#EDF5E6, #4FB090, #4C5D52, #284000, #22221C)
• Seafoam Summit color palette (#F1F8E7, #DCECB7, #9CE9CB, #85C0DF, #3F503D)

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