Muted Courtyard color palette — #EFF8EE · #A1C1AF · #997A54 · #7F5041 · #344E47

A conversation between Coffee and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Stone (#A1C1AF): A luminous, dusty teal — the color of sea glass.
• Mocha (#997A54): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7F5041): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#344E47): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Pewter Basin color palette (#FFF0F9, #CBB0B8, #99738B, #804C56, #394D41)
• Chestnut Terrace color palette (#FBF0E2, #C9B99D, #997D59, #7D4A15, #312C1C)
• Hushed Taupe Station color palette (#EFF8EF, #B4D4BD, #B6956A, #8F667A, #3B4C43)
• Weathered Pewter color palette (#F5F4FB, #C2BAE1, #987647, #905195, #253225)
• Chalky Bronze color palette (#D9F7E3, #92A664, #7D6700, #6D3B00, #153F23)
• Wandering Garnet Delta color palette (#F4E2EC, #81A081, #8E5234, #712634, #103928)
• Driftwood Courtyard color palette (#FDF1F9, #AE6F5D, #925B3C, #005A59, #372D41)
• Pewter Chapel color palette (#F4F4FD, #98CBCD, #6A537A, #432F50, #2C232F)

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