Muted Courtyard color palette — #FEF1F6 · #B4D4BA · #BF9066 · #88697F · #3C4C44

Camel takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Pistachio (#B4D4BA): A whisper-light, dusty teal — the color of sea glass.
• Camel (#BF9066): A luminous, balanced gold — the color of honey in a jar.
• Slate (#88697F): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3C4C44): A full-bodied, dusty teal — the color of sea glass.

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

• Taupe Villa color palette (#EDF8F2, #B2D3C8, #A59D67, #637C63, #374D4A)
• Tempered Thicket color palette (#FFF3E7, #DFDEBF, #C7A889, #A56A40, #523B00)
• Mint Villa color palette (#E6FAF6, #91B97B, #C186A9, #9C6F46, #30413E)
• Gentle Lantern color palette (#E1F5E4, #BEB958, #A97F00, #8C4F13, #123E35)
• Worn Bronze Loft color palette (#DBECE1, #99A760, #867000, #6C4200, #002B26)
• Washed Alley color palette (#EBF8FB, #F5C6A8, #208F88, #30535B, #232D30)
• Iris Boulevard color palette (#EDF7F9, #9AE2D3, #8C94DC, #3F9F8E, #2A2E37)
• Softworn Corridor color palette (#E2FAFF, #90DCF0, #4EA4DA, #626DA6, #4D3F77)

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