Mustard Garden color palette — #FFF2EB · #EBB701 · #009E70 · #684390 · #2F2800

Saffron and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Saffron (#EBB701): A luminous, vivid gold — the color of old brass.
• Fern (#009E70): A luminous, balanced teal — the color of sea glass.
• Plum (#684390): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#2F2800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Faded Mustard color palette (#FFF2EC, #BEBE11, #009287, #6B3D6D, #222308)
• Moss Workshop color palette (#FFF3E5, #FFA675, #729705, #4948A3, #372300)
• Dusty Mustard color palette (#FFF2EB, #BAA200, #007D67, #562669, #0D1600)
• Aged Chartreuse Orchard color palette (#FFF2EE, #A1E17D, #39A1B3, #80536D, #30332C)
• Faded Study color palette (#FFF3E7, #EBDA76, #72A253, #8C6038, #362F03)
• Antique Field color palette (#FFF1F6, #AC8600, #178031, #60006F, #383800)
• Timeworn Chartreuse Ridge color palette (#DBFFED, #BBCD2B, #69B34E, #008A9A, #2D3C05)
• Dusty Celadon color palette (#FFF3E4, #C8E096, #74B5AD, #996483, #623B3B)

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