Muted Courtyard color palette — #EDF9ED · #C5C090 · #A88A60 · #805C73 · #22453D

Caramel and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF9ED): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#C5C090): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#A88A60): A luminous, dusty gold — the color of old brass.
• Graphite (#805C73): A full-bodied, dusty pink — the color of peonies in June.
• Forest (#22453D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Washed Pewter Summit color palette (#FFF0F9, #ABC7A9, #A98199, #885A61, #274535)
• Bronze Field color palette (#DDEDDC, #B6B082, #A3773B, #7C4D3F, #0B3930)
• Hushed Harbor color palette (#F6F3FF, #E2B1E3, #A78C41, #A367A5, #19281D)
• Powdered Delta color palette (#FCECFF, #EDA5B9, #CF7A67, #8E5B00, #444000)
• Muted Pewter color palette (#F4F4FF, #98D3B9, #816492, #4E385B, #21202C)
• Amber Bloom color palette (#FFF1F6, #D48A47, #A66C38, #006956, #2A2335)
• Coral Thicket color palette (#FFF0FE, #D78386, #8A965E, #6A7630, #3C2D3C)
• Chestnut Terrace color palette (#DEF8E3, #8D924C, #7B5A00, #632A00, #031D01)

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