Mustard Courtyard color palette — #FAE4FA · #DFC400 · #FF8F5C · #53383B · #322A2F

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

The five colors

• Blush (#FAE4FA): A whisper-light, dusty pink — the color of peonies in June.
• Saffron (#DFC400): A luminous, vivid green — the color of a quiet forest floor.
• Apricot (#FF8F5C): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#53383B): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#322A2F): a grounded near-black with real depth.

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

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

• Blush Garden color palette (#E5E9FF, #FFAE7C, #FF7EC4, #513848, #302B35)
• Patina Marigold Meadow color palette (#FFD9E2, #B1E474, #FEAA23, #364E47, #2E352D)
• Tempered Hollow color palette (#D9DCF9, #9BE500, #FF9ABF, #563C3A, #2E2321)
• Patina Cocoa Coast color palette (#FBF2F8, #D1A575, #833717, #482213, #2A1D25)
• Antique Olive color palette (#FBF3F5, #DCA068, #7C7000, #8A4F00, #14291F)
• Lime Market color palette (#F6D4E5, #9EB900, #DA7F00, #292000, #220B15)
• Mint Quarry color palette (#F3D9D9, #00DD82, #C0A800, #332B00, #17231C)
• Shell Coast color palette (#DDEBFF, #8CDCFF, #FFADB6, #665468, #2E252E)

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