Muted Courtyard color palette — #EAF5EC · #92B791 · #3B877D · #634274 · #153131

Built around Charcoal Brown, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Sage (#92B791): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#3B877D): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#634274): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#153131): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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 Delta color palette (#E7F6EA, #B8AC79, #638353, #3D507D, #153328)
• Garnet Courtyard color palette (#E6F7E9, #7BB8B5, #4C809A, #7C394E, #193038)
• Lagoon Canyon color palette (#FFF2EF, #A3AE78, #0F8887, #7C455D, #474941)
• Hushed Corridor color palette (#ECF4F1, #AACBC5, #5D8D8C, #436B5E, #1C3733)
• Aged Teal color palette (#FFF4E3, #9BCD99, #35A699, #7C6488, #464942)
• Washed Pewter Hollow color palette (#D8FAF8, #B3CACE, #859AA6, #6A607E, #463549)
• Washed Orchard color palette (#D8FDDF, #00AB7D, #006F79, #6C005D, #00221D)
• Washed Lagoon color palette (#DEF2F3, #509277, #244047, #0E2223, #060E0D)

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