Mustard Garden color palette — #F7EFDF · #CAAD00 · #8A9500 · #507200 · #18470C
Gold and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7EFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Gold (#CAAD00): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#8A9500): A luminous, balanced green — the color of new leaves after rain.
- Olive (#507200): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#18470C): A deep, shadowed, balanced green — the color of fresh herbs.
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 Station color palette (#EEEDCF, #99B21B, #63992D, #2D6D38, #14462F)
- Patina Amber Summit color palette (#FFD8A3, #B79500, #7B7B00, #3C6000, #005127)
- Powdered Dune color palette (#FFD5BD, #EF9700, #B58400, #7C6300, #484600)
- Moss Alley color palette (#E4FFD1, #83D84F, #4BA300, #2B6200, #163100)
- Mint Orchard color palette (#D9F1C3, #8CD281, #49AE75, #227E63, #354B2D)
- Softworn Corridor color palette (#E9EDDD, #509A00, #0C7F1B, #004F30, #00281E)
- Hushed Grove color palette (#FBF6D8, #B4CE2D, #AA7BFE, #617100, #402F61)
- Dusty Moss Loft color palette (#DFF4C1, #80AD00, #0095EE, #C44F6F, #273607)
Browse the whole catalog at Explore, or see today's palette.