Muted Courtyard color palette — #F7F5ED · #D9BC80 · #5B6339 · #3A3932 · #21261C

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

The five colors

• Ivory (#F7F5ED): bright and airy, almost weightless.
• Sand (#D9BC80): A luminous, balanced gold — the color of honey in a jar.
• Olive (#5B6339): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#3A3932): quiet, heavy and certain.
• Onyx (#21261C): quiet, heavy and certain.

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

• Aged Mint Grove color palette (#F6F6ED, #A9CE88, #058D9B, #5E7648, #263129)
• Marigold Terrace color palette (#EEF9EB, #CDA95D, #005F55, #23331D, #0F1E19)
• Ancient Lagoon color palette (#EDF8F4, #BBDBBB, #5A887A, #39544B, #232E2A)
• Tempered Bronze color palette (#DBE8DB, #896600, #493D40, #002222, #000606)
• Muted Coast color palette (#F5F7E9, #6E9F50, #5F699D, #673E3A, #36322C)
• Weathered Jade Lagoon color palette (#FDF4E5, #63BD8E, #328589, #6C4D6A, #424B3C)
• Dusty Amber Archive color palette (#DBE2C8, #B08400, #00421A, #001C07, #000902)
• Patina Bloom color palette (#DFFFE2, #83CDAA, #2F9187, #17656C, #22466A)

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