Mustard Courtyard color palette — #FFF2EE · #E4D4FF · #FFBDC9 · #D6B200 · #4D1C08

Gold takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Thistle (#E4D4FF): A whisper-light, dusty violet — the color of a velvet chair.
• Ballet Pink (#FFBDC9): A whisper-light, dusty red — the color of embers at dusk.
• Gold (#D6B200): A luminous, balanced green — the color of fresh herbs.
• Espresso (#4D1C08): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged candy, vibrant, light.

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

• Pale Harbor color palette (#FFF1F1, #D6E0FF, #FFB4DC, #FB9B30, #4E1E2B)
• Weathered Boulevard color palette (#FFF2ED, #F3CFCE, #E5BB9A, #BDCE30, #583300)
• Tempered Archive color palette (#FFF2EE, #E2D3CC, #D4BB8B, #E98215, #401A15)
• Powdered Mustard color palette (#FBF2DE, #FFC6B9, #DFC300, #00C9A2, #222E00)
• Misty Amber Drift color palette (#FFF0FE, #FFC5E0, #FF918D, #E47B00, #501712)
• Timeworn Cerulean color palette (#FFDCE6, #E4C0CA, #C59D8D, #4C90B8, #5E3B45)
• Washed Blush color palette (#FFEBE6, #E3B2FF, #FF7D8C, #A39600, #290D00)
• Faded Amber Market color palette (#F8E2E8, #FA9A8F, #DF7B31, #9E6C00, #443B00)

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