Muted Courtyard color palette — #FEF6D6 · #C8DFAC · #8EC284 · #5AA56E · #4A4D47

Jade takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FEF6D6): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#C8DFAC): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#8EC284): A luminous, balanced green — the color of new leaves after rain.
• Jade (#5AA56E): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#4A4D47): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged light, 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

• Soft Alley color palette (#E2FEE7, #A0EED3, #88CB84, #4C957C, #305A61)
• Mustard Meadow color palette (#FFF3E7, #E7CC9E, #C7B063, #A09648, #4E4D45)
• Teal Veranda color palette (#D3F2DD, #67CCB0, #00B19D, #008786, #003F45)
• Worn Stone Thicket color palette (#F3F8E7, #C9E6D7, #C3BECE, #AEC697, #47513E)
• Linen Harbor color palette (#CFE8DC, #00B098, #008E8F, #006974, #00212B)
• Tempered Apricot color palette (#F2F8E4, #9DD8AD, #A9BAFC, #E99583, #41433C)
• Turquoise Grove color palette (#E0F7D5, #80DEDB, #00C3D1, #0097B1, #1B5168)
• Ancient Terrace color palette (#FFDCCE, #D6D9FF, #19F4DA, #5F7157, #333930)

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