Muted Courtyard color palette — #EAF9F4 · #A3BB6B · #A88BBF · #6A7A46 · #4A4A65

Sage and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Sage (#A3BB6B): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#A88BBF): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#6A7A46): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#4A4A65): A full-bodied, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

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

• Weathered Olive color palette (#E5F6F2, #9DBF8A, #9F93C8, #5C7D48, #2A2E4E)
• Aged Mint Workshop color palette (#E4FAFC, #67C5A6, #C88097, #3C816C, #57465E)
• Hushed Marigold Terrace color palette (#ECF9ED, #D2A864, #709CD0, #8D6C35, #3C4F64)
• Emerald Chapel color palette (#F4F7EA, #A7D1A9, #A7ABE9, #669C69, #634057)
• Dusty Moss color palette (#E1FCF4, #85A641, #927BBF, #8C688B, #304841)
• Muted Stone Station color palette (#FFF0F8, #D1B28C, #9A7387, #6A5667, #3C4C42)
• Powder Boulevard color palette (#E0FDF4, #C3E5F5, #AEC7E7, #7E9A85, #3C524F)
• Hushed Grove color palette (#D6FFF9, #A8D79E, #6D9361, #3C5A34, #12443F)

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