Mustard Courtyard color palette — #F1DCF5 · #00BFE0 · #B89D00 · #2E2307 · #181103

A conversation between Mustard and Cyan, giving this palette its sense of nature and growth.

The five colors

• Thistle (#F1DCF5): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#00BFE0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mustard (#B89D00): A luminous, balanced green — the color of new leaves after rain.
• Onyx (#2E2307): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#181103): A deep, shadowed, dusty gold — the color of old brass.

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

• Hushed Villa color palette (#E4E0F5, #00C7A5, #CE9200, #342309, #180F03)
• Ancient Harbor color palette (#FFE7FD, #00D1F0, #B9B400, #3B3932, #222018)
• Linen Moss Coast color palette (#F6D5DB, #53B2FF, #79B300, #2A2809, #17160C)
• Chalky Bronze color palette (#EDD9E3, #30C8F2, #B86E00, #2D2503, #1D0F02)
• Misty Villa color palette (#F5EBFF, #93AAFF, #BFA800, #504500, #00170B)
• Hazy Mint Harbor color palette (#F1DEDA, #00E69C, #C7B500, #1B1800, #000502)
• Lime Quarry color palette (#FFE8ED, #A8CEFF, #95D443, #44443D, #28271B)
• Weathered Marigold Summit color palette (#E4DECC, #CF9C00, #5E5700, #2E2A00, #100A00)

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