Mustard Field color palette — #E4DFD1 · #B3A700 · #597C00 · #225E00 · #004731
A conversation between Gold and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Bone (#E4DFD1): a clean, paper-quiet neutral.
- Gold (#B3A700): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#597C00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#225E00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004731): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Mustard Field 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 Moss color palette (#ECEDDC, #81AC16, #0A822C, #005B41, #00443E)
- Mustard Field color palette (#FCECD7, #CFAE00, #759600, #007425, #005043)
- Feathered Pier color palette (#FFE8DA, #D88C00, #836A00, #535200, #00472E)
- Hazy Clover color palette (#E0FFE0, #5BC63A, #188013, #004C12, #033204)
- Sunlit Olive color palette (#E3E7D8, #428F00, #005732, #00372C, #011E2A)
- Byzantium Lantern color palette (#D8FFF5, #7FB725, #9444BF, #456900, #4B2860)
- Sunlit Jade color palette (#D7F1BA, #57BA6B, #00926F, #006863, #0F4D55)
- Powdered Study color palette (#DCF5C9, #6AA627, #7D34B6, #893D87, #233710)
Browse the whole catalog at Explore, or see today's palette.