Mustard Courtyard color palette — #E9E7FE · #9BD1FF · #E4B800 · #51441B · #2F2719

A conversation between Saffron and Sky, giving this palette its sense of nature and growth.

The five colors

• Frost (#E9E7FE): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#9BD1FF): A whisper-light, balanced blue — the color of deep harbor water.
• Saffron (#E4B800): A luminous, vivid green — the color of fresh herbs.
• Deep Olive (#51441B): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#2F2719): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant, muted.

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

• Worn Lime color palette (#E7DDEA, #B9C8FF, #A3D200, #4C4400, #2D2C22)
• Muted Loft color palette (#DDE0FF, #00E6EC, #FFA472, #49423D, #35271D)
• Timeworn Lime color palette (#CCE6F4, #00E5AE, #B2BC00, #1F4143, #1E2A25)
• Powdered Mustard color palette (#FFE0F1, #95ACFF, #BDA500, #3A3200, #221700)
• Soft Chartreuse color palette (#CFE4F3, #0EF0CB, #B7D800, #605F57, #2D2C20)
• Wandering Olive Alley color palette (#F9F5E9, #DBC096, #787535, #48440D, #262113)
• Dusty Sand Balcony color palette (#D1F6FF, #FFD3AF, #BAC4BC, #48363D, #1A1014)
• Gentle Loft color palette (#F3D9EE, #FFAFB7, #00C049, #204A27, #202313)

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