Muted Courtyard color palette — #F8F3F9 · #A3C4E8 · #BA6045 · #44709F · #352B26

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

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Sky (#A3C4E8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Terracotta (#BA6045): A full-bodied, balanced orange — the color of toasted spice.
• Slate (#44709F): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#352B26): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Raspberry Veranda color palette (#F0F7F3, #8ECAE2, #B15C89, #207894, #372A2A)
• Patina Bronze Summit color palette (#FAF3F6, #C6B7E4, #967A20, #756198, #332D23)
• Driftwood Delta color palette (#EFF2FA, #BABCFE, #AE698D, #6B6C9D, #18131D)
• Timeworn Blush color palette (#FCF2F8, #CACCFF, #C883A6, #8485C0, #382A29)
• Dusty Bronze Lantern color palette (#FDF1FA, #6E7DBD, #A25606, #00585A, #3C2C38)
• Tempered Pewter color palette (#F2F8EA, #93A6DC, #A05E84, #156858, #54424A)
• Dusty Driftwood color palette (#FFF0FD, #BEB3E3, #A568A0, #863F4B, #6F3522)
• Washed Driftwood color palette (#FAF3F6, #E2D8D5, #A8AEA1, #9C7587, #594F54)

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