Muted Courtyard color palette — #EAF5EC · #99BEA0 · #695113 · #332500 · #031006

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

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Sage (#99BEA0): A luminous, dusty teal — the color of sea glass.
• Coffee (#695113): A full-bodied, balanced gold — the color of old brass.
• Espresso (#332500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#031006): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Wandering Chestnut Study color palette (#F8EFF4, #B8B685, #79462C, #411A04, #160610)
• Fern Alley color palette (#E7F6F1, #D1AB8B, #4A5D1F, #202C00, #02100C)
• Bronze Station color palette (#FAF4EC, #DDC086, #8E6C00, #524014, #292012)
• Weathered Chestnut color palette (#EDF4ED, #D4AC70, #008495, #865B00, #001119)
• Washed Pine color palette (#FFEEDB, #B8B97E, #49874B, #00594C, #00252E)
• Amber Loft color palette (#D4E9E0, #CD8200, #3F4200, #161800, #030300)
• Patina Orchard color palette (#EDF4F1, #D0D9DD, #B0BFCD, #737C29, #20302A)
• Velvet Meadow color palette (#CEEFEA, #874200, #031A00, #040A0C, #000200)

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