Mustard Garden color palette — #FCD9E9 · #E2BB00 · #BE6300 · #773C00 · #1B0812

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

The five colors

• Shell Pink (#FCD9E9): A whisper-light, dusty rose — the color of strawberry cream.
• Saffron (#E2BB00): A luminous, vivid green — the color of fresh herbs.
• Ochre (#BE6300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#773C00): A full-bodied, balanced gold — the color of old brass.
• Ink (#1B0812): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

One click turns Mustard Garden 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

• Mustard Loft color palette (#D8EBD8, #EBB601, #A97200, #694600, #180D00)
• Quiet Marigold color palette (#F4E1CF, #E19B00, #844B00, #452500, #1A0B00)
• Washed Grove color palette (#F5DBF3, #D1C300, #E90F3F, #901527, #1C041C)
• Antique Drift color palette (#FFF1F6, #FBB431, #804900, #301800, #040001)
• Hushed Loft color palette (#DFF4EC, #F1BE74, #819131, #535B31, #071A14)
• Olive Studio color palette (#CBE9E1, #D7973F, #4E7600, #294100, #000302)
• Tempered Harbor color palette (#FFECF3, #FFAE69, #00B498, #CF7300, #001611)
• Worn Taupe color palette (#FCF2F5, #EFDDAB, #C19565, #83636D, #32282B)

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