Muted Courtyard color palette — #FCF3EF · #C4DCC2 · #00A7C2 · #00814D · #144436

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#C4DCC2): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#00A7C2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00814D): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#144436): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, 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

• Weathered Azure Summit color palette (#FCF3EE, #BDDEC7, #3AA1D0, #007E68, #48314A)
• Tempered Jade Lagoon color palette (#DDEDE0, #18C598, #009D99, #006873, #004559)
• Dusty Lagoon color palette (#EEF8F5, #93D2D1, #008991, #006155, #144051)
• Tempered Teal color palette (#F1E3DD, #41A3A6, #006278, #003E27, #000A15)
• Worn Powder color palette (#E6FCE7, #B4E7FF, #B6C1FF, #5A9A78, #2E4636)
• Aged Emerald Pier color palette (#FAF2FB, #B7EAF8, #5EC0E0, #5C9D62, #1F3C5A)
• Pale Coral Grove color palette (#E2F5E0, #01C0BB, #E46B5C, #00837F, #55241E)
• Peony Terrace color palette (#D8EBD3, #00AC9E, #E14487, #A6670B, #1C3216)

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