Muted Courtyard color palette — #DDFDF9 · #92F7E5 · #BEE2F2 · #95B783 · #3E5757

A conversation between Sea Foam and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#DDFDF9): A whisper-light, dusty teal — the color of glacier melt.
• Sea Foam (#92F7E5): A whisper-light, balanced teal — the color of glacier melt.
• Powder Blue (#BEE2F2): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#95B783): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#3E5757): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Muted Teal color palette (#E0FBFF, #C1DAFF, #BFB5BC, #7CBFA7, #38575F)
• Wandering Terrace color palette (#F6F8DB, #C6F0F3, #CBC3D1, #BDAE87, #3F4F03)
• Pale Jade color palette (#DDFCFF, #90FEF2, #00E4F1, #00BA76, #00483E)
• Worn Cabin color palette (#ECF8F9, #D1DCA6, #36AC87, #3D6C6F, #112527)
• Pale Azure color palette (#CEF2FD, #1FBBCF, #00A1CD, #007565, #000E0F)
• Ancient Seafoam Thicket color palette (#ECE9C8, #A4D6FF, #00E5D1, #3E636A, #272F31)
• Wandering Pier color palette (#DAFAF3, #B2DCF7, #A3BBE4, #8D7542, #193838)
• Ancient Turquoise color palette (#D7F1FF, #BDD4FE, #B0B6F4, #14A6B1, #13394B)

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