Mustard Garden color palette — #FDCFE0 · #DCB304 · #D37C00 · #AD5145 · #242D00

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

The five colors

• Shell Pink (#FDCFE0): A whisper-light, dusty rose — the color of a warm blush.
• Saffron (#DCB304): A luminous, balanced green — the color of new leaves after rain.
• Mustard (#D37C00): A luminous, balanced gold — the color of honey in a jar.
• Brick (#AD5145): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#242D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, 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

• Weathered Basin color palette (#F7D1E9, #FAA228, #E36C42, #A25568, #312800)
• Powdered Mustard Corridor color palette (#C9E7CD, #C0BF22, #BF8A00, #A35B35, #16300C)
• Antique Studio color palette (#FFD6AC, #D29A00, #A86600, #843A00, #312900)
• Hazy Mustard Garden color palette (#D5F9E3, #B5D67C, #BBA332, #A67344, #113D3C)
• Amber Boulevard color palette (#EDDECE, #AD8819, #824D00, #601C00, #131300)
• Timeworn Hollow color palette (#F3DDEF, #C6C700, #D24942, #832D28, #1C0519)
• Pine Delta color palette (#FBE4DF, #F7A511, #A59800, #008823, #003127)
• Weathered Ember Loft color palette (#FFEBF8, #FFAA92, #00BA42, #F64700, #001614)

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