Mustard Garden color palette — #F4F7E6 · #E0B450 · #116225 · #001F05 · #010100
Built around Gold, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#E0B450): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#116225): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#001F05): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.
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
- Honey Corridor color palette (#E8FBEA, #F3B913, #00656B, #002426, #000200)
- Lagoon Orchard color palette (#DAE1D1, #F4A17C, #248D64, #005739, #080E00)
- Worn Quarry color palette (#E9F1E1, #C59B3A, #004735, #1D292D, #000A06)
- Soft Market color palette (#F1F8E7, #64D4A0, #007EBA, #00764E, #000201)
- Weathered Atelier color palette (#E2FCF2, #FFD26F, #0074A2, #00334A, #000A06)
- Ancient Field color palette (#F0F8EE, #CDE1DD, #A7CBC9, #1E887A, #192117)
- Bronze Lantern color palette (#DCF2E6, #9A7300, #001F2A, #030B0B, #000102)
- Teal Alley color palette (#FFF4E2, #00BAB1, #00759A, #6A1F3E, #001619)
Browse the whole catalog at Explore, or see today's palette.