Mustard Garden color palette — #F5F7E3 · #CCC200 · #74BE49 · #008372 · #073720

Saffron takes the lead with Clover close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F7E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Saffron (#CCC200): A luminous, vivid green — the color of new leaves after rain.
• Clover (#74BE49): A luminous, vivid green — the color of new leaves after rain.
• Teal (#008372): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#073720): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.

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

• Airy Lime Canyon color palette (#F2FADA, #9ED100, #2BBB66, #00868E, #31342E)
• Mustard Veranda color palette (#F9F6DF, #F0B301, #9EB543, #24936E, #33332C)
• Ancient Honey Meadow color palette (#F4F4D9, #F9C360, #73BA6E, #008788, #151B00)
• Aged Lime Corridor color palette (#DEFDF7, #F0C969, #8BCB66, #00A9B1, #12351B)
• Soft Moss Lantern color palette (#C4ECCC, #A4A900, #008F48, #006865, #001B0E)
• Clover Parlor color palette (#D7FFF5, #00D549, #00A895, #00809C, #003535)
• Fern Parlor color palette (#FBF5E5, #95A267, #457033, #4E4B44, #37362F)
• Mint Study color palette (#F1F9E2, #CFEE81, #5CDC9C, #24A1AD, #36432C)

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