Muted Courtyard color palette — #FFF1F7 · #FDB337 · #864400 · #321600 · #040002

Saffron and Bronze set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Saffron (#FDB337): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#864400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#321600): A deep, shadowed, dusty gold — the color of old brass.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Balance. 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

• Mustard Market color palette (#E8FBEE, #E6B314, #624F00, #1F1700, #000201)
• Ancient Canyon color palette (#FFF0FC, #FFB05C, #A7060B, #410101, #030003)
• Washed Bloom color palette (#FCD9EB, #EFB403, #C65C00, #7C3700, #1E0800)
• Washed Straw Veranda color palette (#EAFAEC, #FFD271, #896400, #3D2B00, #010B02)
• Patina Amber Coast color palette (#F8DAC5, #BB8C00, #642B00, #280D00, #070100)
• Worn Mustard Summit color palette (#DDF5EA, #C09F00, #3E3F00, #1C2027, #080800)
• Misty Mustard color palette (#FFF5D2, #D0C600, #778600, #3A4F00, #051A00)
• Hushed Cabin color palette (#FEF1F5, #D0DDCD, #A27E5C, #553F47, #21181C)

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