Mustard Garden color palette — #ECF9F1 · #D4BB18 · #009D7F · #897800 · #002225
Built around Saffron, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF9F1): a clean, paper-quiet neutral.
- Saffron (#D4BB18): A luminous, balanced green — the color of fresh herbs.
- Fern (#009D7F): A luminous, balanced teal — the color of shallow lagoons.
- Walnut (#897800): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#002225): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Misty Emerald color palette (#EDF9EF, #EFAD07, #00A231, #9A6F00, #002320)
- Ancient Chapel color palette (#E7FAF5, #92D04E, #00999E, #558900, #00212A)
- Quiet Mustard Hollow color palette (#E3EEE9, #AAAB41, #008569, #686800, #001112)
- Hushed Emerald color palette (#F9F5E7, #D9E17B, #00AE61, #7F8500, #080C00)
- Worn Sunflower Parlor color palette (#FCF4E7, #F7C83F, #00C1AE, #BD9400, #00231E)
- Lime Bloom color palette (#E3FDE8, #89BB1D, #00946E, #6641A6, #203E1D)
- Marigold Ridge color palette (#EAFBEA, #D89100, #007088, #754C00, #00202F)
- Tempered Aubergine color palette (#E5FCEF, #908B00, #0078B4, #7C278E, #301527)
Browse the whole catalog at Explore, or see today's palette.