Muted Courtyard color palette — #F9F4EE · #C0E8DE · #46B5CC · #2A8D76 · #304F42

Cyan takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Honeydew (#C0E8DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#46B5CC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#2A8D76): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#304F42): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. 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 Canyon color palette (#FAF4EC, #C3E5E4, #64ADE2, #208A91, #553F55)
• Antique Petrol color palette (#F3EADC, #50B1C2, #00718F, #004B44, #001625)
• Antique Teal Studio color palette (#FBF2F8, #CEE4FB, #87C9DE, #63A988, #2C4B65)
• Aged Cerulean color palette (#F6EDE0, #A9D0B1, #0095B5, #006D5F, #003249)
• Linen Amber Summit color palette (#FFF1F3, #CE89C7, #BA9300, #0097AA, #493033)
• Ultramarine Balcony color palette (#F7EDDE, #5B99C8, #0052B6, #003A46, #040228)
• Tempered Delta color palette (#FFF1F3, #DC9DE4, #78B867, #A267A9, #42433C)
• Washed Ash color palette (#FFF1F3, #E9D5D4, #F0BD9B, #9C83B9, #614746)

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