Muted Courtyard color palette — #FFF2EF · #FAD2C5 · #F4A0A4 · #9D6966 · #7B3F1F

Rose Quartz takes the lead with Bronze close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FAD2C5): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#F4A0A4): A luminous, balanced red — the color of embers at dusk.
• Mocha (#9D6966): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#7B3F1F): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Antique Stone Ridge color palette (#FFF2EB, #E1D9CF, #E5A592, #8A594A, #3D210F)
• Timeworn Marigold color palette (#FFF2EA, #EADBB7, #E6AD75, #9A7B54, #644200)
• Timeworn Stone Veranda color palette (#FFEAE9, #FFBECE, #ECA1A3, #B97B6F, #534C48)
• Terracotta Terrace color palette (#F6ECFF, #DFA3AF, #BF7477, #90483B, #452739)
• Rust Market color palette (#FFDFD8, #FF8257, #C95800, #783B00, #2D1600)
• Wisteria Hollow color palette (#FFF1F4, #F7D3FF, #CB95CB, #9F7594, #5F4344)
• Tempered Harbor color palette (#FFF1F0, #FFC1B7, #F65719, #AE4500, #5D2800)
• Tempered Amber color palette (#FFF2EC, #FFB583, #C36F00, #875400, #432B01)

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