Mustard Courtyard color palette — #FEF4DF · #DABF00 · #EF7C9F · #887601 · #401825

Saffron and Rose set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF4DF): A whisper-light, dusty gold — the color of old brass.
• Saffron (#DABF00): A luminous, vivid green — the color of new leaves after rain.
• Rose (#EF7C9F): A luminous, balanced red — the color of a theater curtain.
• Walnut (#887601): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#401825): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

One click turns Mustard 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

• Ancient Terrace color palette (#FFF3E7, #FFA94D, #D981D4, #A86300, #381B37)
• Wandering Lime color palette (#F7F7DC, #8FD655, #F08368, #578630, #46160A)
• Gentle Harbor color palette (#FEF6D2, #A8AF00, #00AE97, #B46740, #211B02)
• Hushed Jade Chapel color palette (#FFF3E9, #FFA768, #5CBE7E, #AE5F19, #073018)
• Dusty Meadow color palette (#FDF5DF, #CACE81, #938C51, #65572B, #262207)
• Misty Moss color palette (#F8EED5, #CCC16E, #9DA8FF, #A29300, #2B2F62)
• Weathered Seafoam color palette (#FCF6D7, #BEF6D9, #83EAD6, #A29E66, #302F29)
• Dusty Celadon color palette (#F3F7E9, #A9FCC1, #F7BE95, #74A883, #4B4540)

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