Mustard Courtyard color palette — #E0F5E6 · #D8B63A · #707CD3 · #886F00 · #2C3158

Built around Gold, softened by Periwinkle — the whole palette hums with nature and growth.

The five colors

• Honeydew (#E0F5E6): A whisper-light, dusty teal — the color of sea glass.
• Gold (#D8B63A): A luminous, balanced green — the color of a quiet forest floor.
• Periwinkle (#707CD3): A luminous, balanced violet — the color of wild irises.
• Walnut (#886F00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2C3158): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Hushed Hollow color palette (#D5F8E8, #AEAF23, #9E84D9, #777700, #392E51)
• Timeworn Lilac color palette (#FEF4E1, #D7BE65, #969BFA, #8D7400, #211D57)
• Apricot Grove color palette (#FFE7F0, #FE9F48, #2E8AD3, #A45D11, #123857)
• Airy Summit color palette (#DFF5EA, #979230, #4777C8, #5E5900, #173364)
• Indigo Market color palette (#C7F1D6, #C5A72D, #7B6CAA, #536ECC, #163222)
• Washed Ultramarine Delta color palette (#D0EBDF, #9B9E25, #4151D4, #555700, #0C0E4C)
• Tempered Studio color palette (#D3F1DC, #AFB46A, #947E40, #795129, #163731)
• Dusty Courtyard color palette (#E4FBF8, #8ED99A, #D29CCD, #6B9972, #504862)

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