Mustard Courtyard color palette — #FFF1F6 · #E2B500 · #9A5500 · #572F06 · #25151C

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Saffron (#E2B500): A luminous, vivid green — the color of a quiet forest floor.
• Ochre (#9A5500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#572F06): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#25151C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.

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 Grove color palette (#E1F4E5, #DCAC3D, #7D5E00, #443306, #0B1A0F)
• Dusty Mustard Courtyard color palette (#FCF1FF, #CDBF00, #A34460, #5F2335, #221426)
• Wandering Bronze Alley color palette (#FFF3E7, #FBD37D, #995900, #452500, #0F0500)
• Hushed Mustard color palette (#FFF1F6, #B9A120, #6D3800, #3D1D00, #28131D)
• Pale Villa color palette (#FFF3E8, #E2D06D, #C37A3A, #884900, #2A1400)
• Wandering Stone Studio color palette (#EAFAF2, #E4BD81, #73763B, #264B3D, #16251F)
• Softworn Veranda color palette (#FFF1F6, #FDA33E, #009D82, #AA6500, #012225)
• Weathered Station color palette (#CFEEDB, #BC8800, #504500, #201B00, #000401)

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