Muted Courtyard color palette — #ECF9F2 · #8EBBAB · #657C4B · #3D6352 · #304840

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sage (#8EBBAB): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#657C4B): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#3D6352): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#304840): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Softworn Lagoon color palette (#E9F9F6, #A6C9C6, #5D8A8B, #506D68, #3A5251)
• Patina Pier color palette (#EBF9F4, #8BA479, #41703D, #265354, #1A3D36)
• Softworn Pine Cabin color palette (#E9F6EC, #8EBFAF, #57815A, #645320, #0F2E25)
• Pale Dune color palette (#BFF2D5, #72C5A3, #009479, #006C5F, #074F60)
• Antique Lagoon Coast color palette (#E5F9FF, #71C4C0, #008786, #004D4B, #003737)
• Muted Iris Boulevard color palette (#E4FAFE, #57B1A5, #7E81C7, #00766B, #3D3E62)
• Worn Basalt Summit color palette (#FBF4E8, #CBC5A3, #709C72, #81703F, #4C4300)
• Quiet Study color palette (#E5F9FF, #0E9C9A, #4D7BC3, #59732E, #1D3D45)

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