Mustard Garden color palette — #EFEDDF · #D5C300 · #A3A600 · #7C8B00 · #384D00
A conversation between Saffron and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#EFEDDF): a clean, paper-quiet neutral.
- Saffron (#D5C300): A luminous, vivid green — the color of a quiet forest floor.
- Moss (#A3A600): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#7C8B00): A luminous, balanced green — the color of a quiet forest floor.
- Deep Olive (#384D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged 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
- Tempered Mustard color palette (#FAEBD8, #D1A500, #949400, #457600, #1C4D22)
- Lime Atelier color palette (#DEE1D1, #A8D215, #7DB900, #478C00, #164910)
- Washed Sunflower color palette (#FDF5D9, #CACE2E, #FF919C, #9B9F00, #63202A)
- Glacier Market color palette (#F8F8D6, #B1F6E4, #5CEEEE, #A8BA62, #314D2D)
- Hushed Balcony color palette (#DFE3BA, #96DFA5, #29C477, #2F9972, #1C4F41)
- Powdered Amber color palette (#FFE9DE, #FFA365, #E68200, #B06E00, #5B3C00)
- Misty Lime Meadow color palette (#DEF4C5, #8ECB00, #00C3C2, #E08100, #27360F)
- Worn Market color palette (#E1F0D4, #4FAB18, #1C8D16, #007032, #002814)
Browse the whole catalog at Explore, or see today's palette.