Mustard Garden color palette — #FFF2EB · #F0AF00 · #8B8300 · #275300 · #002014

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Saffron (#F0AF00): A luminous, vivid gold — the color of old brass.
• Olive Leaf (#8B8300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#275300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#002014): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Patina Orchard color palette (#FFF1F1, #FFA46D, #AB7600, #504800, #0E2100)
• Hushed Emerald color palette (#FFF4E0, #BBC700, #2A9707, #00553F, #002222)
• Chalky Moss Meadow color palette (#F4EEDD, #AA9700, #5B6000, #2F3B00, #0A1900)
• Ancient Mustard Garden color palette (#F3ECD4, #CABD00, #98A000, #5B7700, #132D00)
• Timeworn Moss Drift color palette (#FFF4E0, #DDDD6C, #56A737, #006C53, #002F2F)
• Ancient Aubergine color palette (#FFF3E5, #E49800, #528504, #4F1F98, #1E1800)
• Bronze Studio color palette (#FDEED7, #857A00, #274A00, #00180C, #000201)
• Worn Pine Grove color palette (#FFF3E7, #DCE6C8, #AFC186, #4C8051, #00503F)

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