Muted Courtyard color palette — #FDF2F0 · #E5CEA1 · #AC6670 · #66433B · #352825

Built around Mocha, softened by Wheat — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF2F0): a clean, paper-quiet neutral.
• Wheat (#E5CEA1): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#AC6670): A full-bodied, balanced red — the color of late-summer berries.
• Cocoa (#66433B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#352825): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Driftwood Summit color palette (#F9F3F9, #D5DACC, #997A97, #543E52, #211721)
• Bronze Corridor color palette (#FCF4EA, #DEC081, #976700, #573D11, #292015)
• Timeworn Moss color palette (#FBF3F0, #F9C1BC, #A4A039, #BF756F, #302E27)
• Muted Dune color palette (#FEF2F1, #B1CA94, #794F64, #4D2F2F, #2C231E)
• Wandering Orchard color palette (#F8F3FA, #E1E2B0, #BF8F9C, #76677C, #2F2832)
• Gentle Hollow color palette (#FFF2EC, #E2B349, #B7341A, #691C0D, #2B1307)
• Dusty Workshop color palette (#FEF4E3, #EBAF89, #A6914B, #437789, #4C4741)
• Softworn Taupe Grove color palette (#FAF4F0, #DCDAD2, #ADBAAB, #B89279, #59514B)

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