Muted Courtyard color palette — #F2EED9 · #6A5B00 · #2C3737 · #102500 · #0C0700

Olive and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2EED9): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#6A5B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#2C3737): quiet, heavy and certain.
• Deep Forest (#102500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0C0700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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 Chestnut Study color palette (#FBE1D3, #904100, #36433D, #281C00, #110500)
• Smoked Chestnut Harbor color palette (#DBF8E6, #6A5A00, #012704, #001207, #130209)
• Patina Forest Quarry color palette (#E5E8D8, #006F1E, #3C4649, #002520, #070900)
• Bronze Pier color palette (#D0EFDD, #897800, #2F3F00, #201B00, #000B01)
• Airy Moss color palette (#EDE9DB, #9A9400, #426600, #004519, #002116)
• Tempered Lagoon color palette (#E3EBDD, #008971, #203728, #12180D, #060703)
• Linen Emerald color palette (#ECE6C2, #2CB14A, #006B56, #6B202A, #001D04)
• Aqua Harbor color palette (#FFEEE5, #5FD1C8, #008090, #005529, #001D2B)

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