Mustard Courtyard color palette — #F7E1FB · #99D3FF · #DFB634 · #322B1F · #1E1B15

Built around Saffron, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Blush (#F7E1FB): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#99D3FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Saffron (#DFB634): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#322B1F): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#1E1B15): quiet, heavy and certain.

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

• Patina Lime Lantern color palette (#FFE3DC, #B0CCFF, #9FCE47, #2F2D1E, #181813)
• Aged Glacier Veranda color palette (#E4E5F3, #49E1FD, #FF9E81, #342D29, #1F1712)
• Mustard Lantern color palette (#F9E1E2, #3EBBFF, #B8A000, #221C00, #0E0901)
• Hushed Sunflower Ridge color palette (#FFD5FA, #40F3F9, #D7D058, #3E5449, #303733)
• Aged Study color palette (#E8DDF0, #E79800, #00916D, #001E14, #030600)
• Aged Chestnut Corridor color palette (#F4F2E9, #E2BD85, #6F6112, #32312A, #161409)
• Jade Field color palette (#EBDAF1, #FFB4BC, #00B47E, #262D1C, #13160E)
• Patina Stone Corridor color palette (#F4F2EA, #C0CB7F, #3390A8, #707742, #0D1912)

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