Muted Courtyard color palette — #F0F7F4 · #E0D4D0 · #D3B6B1 · #477B98 · #3F4B46

Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E0D4D0): bright and airy, almost weightless.
• Rosewood Mist (#D3B6B1): A luminous, dusty orange — the color of autumn markets.
• Slate (#477B98): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4B46): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. 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

• Softworn Driftwood color palette (#EEF8F5, #E5D3CF, #C7B4AC, #6B9A8D, #3E4B47)
• Petrol Station color palette (#FDF2F7, #ECD5CD, #D4B4AC, #6C5DA5, #4C3A43)
• Patina Fern color palette (#D8F8E4, #CAA8C4, #9A7597, #656316, #404D3C)
• Ultramarine Terrace color palette (#FCF1FB, #E4CAD6, #C495BC, #0857B0, #3B2D3C)
• Washed Olive color palette (#FFF3EA, #BEAE83, #687C44, #6E505B, #573D00)
• Timeworn Navy Hollow color palette (#E2EEEB, #BAA1AF, #9C727A, #003963, #001913)
• Hushed Corridor color palette (#F4ECEF, #D8C7C8, #BB978B, #5F4584, #38292F)
• Sapphire Pier color palette (#EDE0EA, #4F68C9, #472730, #291926, #0B1314)

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