Muted Courtyard color palette — #FFF3E4 · #B9B880 · #6A8C52 · #7B566D · #37352F

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sage (#B9B880): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#6A8C52): A full-bodied, balanced green — the color of new leaves after rain.
• Graphite (#7B566D): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#37352F): a grounded near-black with real depth.

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

• Dusty Lagoon color palette (#F7F6E9, #96C0A4, #2C9284, #7C585D, #2F3B00)
• Wandering Pine color palette (#EFE3CD, #9AAE75, #39834E, #5E4B77, #2F2A00)
• Wandering Moss color palette (#EFF8F0, #D4D3A1, #6A9A41, #566283, #132E22)
• Byzantium Coast color palette (#FFE8ED, #C491D8, #6DA75C, #9352AB, #1F3E15)
• Hushed Chapel color palette (#FBF4EC, #DDD0B1, #A09D7B, #8C7683, #614900)
• Aged Fern color palette (#EAF9F3, #7AA59A, #427131, #005756, #063F35)
• Timeworn Pine color palette (#FFF2EB, #C2DDC1, #41A4BB, #1B7F51, #143F57)
• Dusty Fern color palette (#EEE1D2, #7E7637, #344F00, #252355, #070600)

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