Muted Courtyard color palette — #F6F7E4 · #9DBD87 · #B890DE · #BD7E89 · #43433C

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

The five colors

• Cream (#F6F7E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9DBD87): A luminous, balanced green — the color of a quiet forest floor.
• Wisteria (#B890DE): A luminous, balanced violet — the color of twilight just after sunset.
• Dusty Rose (#BD7E89): A luminous, dusty red — the color of a theater curtain.
• Charcoal (#43433C): a grounded near-black with real depth.

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

• Washed Terrace color palette (#FDF5E0, #BDB371, #93A0E2, #A479B2, #45423B)
• Tempered Grove color palette (#E1FCF9, #9DD9A3, #DCACD3, #CA909E, #2A4946)
• Fern Harbor color palette (#F4F8E4, #C9E5D8, #C8C9D3, #B0A581, #415817)
• Misty Coral Garden color palette (#E5FCE8, #00BBC4, #EA6877, #B3782A, #293E2C)
• Bronze Coast color palette (#FDF3E8, #DAC8A7, #BB9365, #9F643B, #554700)
• Weathered Jade color palette (#DCFDFA, #60AB74, #4D95A8, #8A7342, #2D4846)
• Tempered Market color palette (#DAEBCE, #00AE8F, #DA479F, #AA6422, #223115)
• Patina Magenta Terrace color palette (#E7F1C8, #33CF71, #CE4E25, #C500D0, #143920)

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