Muted Courtyard color palette — #ECF4EE · #A9CEB1 · #486B52 · #3E2F00 · #0B170F

Espresso and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#ECF4EE): a clean, paper-quiet neutral.
• Pistachio (#A9CEB1): A luminous, dusty teal — the color of glacier melt.
• Pine (#486B52): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#3E2F00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0B170F): 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

• Tempered Lantern color palette (#E5F6F5, #C7B080, #316143, #003118, #020F0F)
• Timeworn Basin color palette (#FAF4EA, #D6BC8D, #705B1D, #3C3832, #26271D)
• Worn Pewter Grove color palette (#F9EFF3, #AACEB1, #7A5466, #452535, #1D0F15)
• Forest Grove color palette (#D6FCED, #90C6BB, #609772, #006454, #00312F)
• Washed Basalt Balcony color palette (#F1F7F2, #B4E4ED, #94855A, #53451B, #151E17)
• Charred Loft color palette (#D3E6DB, #705300, #272730, #181400, #020100)
• Lagoon Ridge color palette (#E8F6EA, #9DB48A, #408872, #594776, #0F3330)
• Patina Grove color palette (#EDF4F0, #CAC694, #4A937D, #7E7400, #05191B)

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