Muted Courtyard color palette — #ECEDE0 · #52B33E · #008673 · #217C05 · #000202

Built around Clover, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#ECEDE0): a clean, paper-quiet neutral.
• Clover (#52B33E): A luminous, vivid green — the color of a quiet forest floor.
• Teal (#008673): A full-bodied, balanced teal — the color of sea glass.
• Olive (#217C05): A full-bodied, vivid green — the color of fresh herbs.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Hushed Parlor color palette (#E7F1E0, #00B393, #008199, #007962, #000203)
• Wandering Olive Villa color palette (#E7E2D4, #A39F2C, #328900, #6F6B00, #020200)
• Teal Parlor color palette (#D7EEE2, #00AA8A, #008074, #005756, #001114)
• Nightshade Lantern color palette (#E8F1E0, #00A07E, #007875, #042EBA, #000F0B)
• Patina Moss Market color palette (#E9E7D5, #798F00, #005E68, #3F4B00, #000203)
• Antique Study color palette (#E2E4DC, #A6B4AB, #80A392, #008848, #121605)
• Wandering Olive color palette (#DFF3EF, #2A7C00, #004132, #0D3300, #000102)
• Mint Studio color palette (#EFF5E2, #56E28F, #00B0B2, #00AA5D, #001616)

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