Weathered Courtyard color palette — #F2F7F2 · #D4DCDB · #D4AE7B · #B3B1BE · #4F544F

Built around Sand, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F2F7F2): bright and airy, almost weightless.
• Silver (#D4DCDB): bright and airy, almost weightless.
• Sand (#D4AE7B): A luminous, balanced gold — the color of old brass.
• Ash (#B3B1BE): soft and architectural.
• Charcoal Brown (#4F544F): quiet, heavy and certain.

Feels like: Optimism, 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

• Muted Mustard color palette (#F0F7F2, #CCDEDF, #AAB1CF, #C0A300, #35443B)
• Stone Corridor color palette (#E8F6EE, #C0B97D, #66837B, #455A4F, #1D241E)
• Bronze Delta color palette (#F6F1EA, #D6D8CE, #A5B2AA, #A6793D, #3B352E)
• Weathered Cerulean color palette (#EBFAED, #E5CDA4, #A6B67D, #668FBC, #384E40)
• Hushed Iris Bloom color palette (#EEF8F0, #D8C598, #66BBB0, #7E7FC1, #533752)
• Dusty Chestnut color palette (#DDE6DF, #91A5A4, #669399, #7E5D00, #000D03)
• Softworn Villa color palette (#ECF8F8, #CEDBE6, #9FCFEA, #00B47B, #003B3C)
• Wandering Pine Study color palette (#D9E9E8, #9FB4C0, #829BB2, #008841, #001817)

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