Mustard Garden color palette — #FFF1F6 · #CCC500 · #009E73 · #743B8C · #1D2E04

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Saffron (#CCC500): A luminous, vivid green — the color of new leaves after rain.
• Fern (#009E73): A luminous, balanced teal — the color of shallow lagoons.
• Plum (#743B8C): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#1D2E04): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Gentle Lime color palette (#FFF0F7, #90CC48, #00918A, #6F3C65, #002826)
• Mustard Station color palette (#FFF3E4, #FDAC20, #639A20, #54469D, #302700)
• Worn Mustard Corridor color palette (#FFF0FA, #E4BD02, #1EC197, #9555A1, #2F3B00)
• Feathered Moss Lantern color palette (#FFF2E9, #96B000, #007D6A, #5C2463, #001714)
• Washed Seafoam color palette (#FFF0F9, #8DE3A2, #2FA2B3, #885061, #19373A)
• Aubergine Delta color palette (#FFF4E2, #889524, #007342, #432B98, #263D0A)
• Worn Aubergine Chapel color palette (#FFEEE6, #B58A00, #00744E, #690067, #1C1E00)
• Straw Courtyard color palette (#E4FDE7, #DCE167, #6EA25A, #816634, #103629)

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