Mustard Courtyard color palette — #FFDBC8 · #EEB933 · #88AF4B · #218859 · #003437

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

The five colors

• Shell Pink (#FFDBC8): A whisper-light, dusty orange — the color of toasted spice.
• Saffron (#EEB933): A luminous, balanced gold — the color of old brass.
• Moss (#88AF4B): A luminous, balanced green — the color of new leaves after rain.
• Fern (#218859): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#003437): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Marigold Parlor color palette (#FFD9D9, #FFAE79, #B99C00, #628520, #003C2C)
• Weathered Straw Basin color palette (#FFEEDA, #D8DC76, #80C287, #2F9384, #00414F)
• Mustard Market color palette (#FFEADA, #E8B000, #44AE80, #7C699C, #32302A)
• Gentle Mustard color palette (#F9DC8C, #B7B435, #718E2D, #176E2A, #003E2B)
• Feathered Emerald color palette (#ECDDD1, #B9A300, #419400, #006656, #001B1E)
• Fern Station color palette (#FAFAB8, #C0CF7F, #7C9F52, #286501, #002D0F)
• Hushed Moss color palette (#E4E2D1, #8DA900, #516C2D, #3E3D36, #110C06)
• Washed Mint color palette (#FAE696, #94D984, #00BEA2, #008591, #00304C)

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