Mustard Courtyard color palette — #ECF9EE · #FFCD9F · #E5AD39 · #959100 · #4D3F13

Gold and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Peach Cream (#FFCD9F): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Gold (#E5AD39): A luminous, balanced gold — the color of honey in a jar.
• Moss (#959100): A luminous, balanced green — the color of fresh herbs.
• Deep Olive (#4D3F13): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Feathered Market color palette (#FFF0F8, #FFC5B8, #FF9E61, #C38200, #55351A)
• Washed Basin color palette (#FDF4E6, #F1D6C4, #FEC051, #7DB862, #413E37)
• Softworn Mustard color palette (#EAF6EA, #FFCBC4, #F7B31F, #66A14C, #0E2C1D)
• Linen Mustard Lantern color palette (#DBFFEC, #F1B50B, #A49D00, #537E00, #2C2F00)
• Linen Station color palette (#E9FAF5, #DDDF95, #A3CF75, #3AA45B, #28411A)
• Olive Drift color palette (#C5EFD8, #A6A861, #707D00, #4E6300, #3A4E26)
• Faded Amber Meadow color palette (#CCE6D5, #C78500, #7E6700, #414B00, #130F00)
• Pale Olive color palette (#E4FCF4, #94A964, #0099BA, #587000, #004A5C)

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