Mustard Field color palette — #FFF4DF · #D3A900 · #927F00 · #514D00 · #222300
Built around Gold, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Gold (#D3A900): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#927F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#514D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Onyx (#222300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Hushed Apricot Archive color palette (#FFE5D5, #FE9A3F, #B56B00, #704800, #322100)
- Mustard Studio color palette (#FFEBD1, #E0A600, #A58E00, #697200, #283400)
- Wandering Mustard color palette (#FBE958, #B9B500, #778500, #425300, #152600)
- Misty Mustard Alley color palette (#FAF9C0, #BFB800, #00AEBC, #736E00, #002427)
- Seafoam Courtyard color palette (#ECFEC5, #B7EDD4, #86EA9F, #98922F, #24370E)
- Chartreuse Coast color palette (#EBFFB4, #C5DF00, #809000, #3C4900, #090C00)
- Mustard Terrace color palette (#DCFFE9, #F7ED9D, #BDBD6C, #828A5C, #2F5248)
- Softworn Olive color palette (#EBEBCC, #737900, #374000, #101A00, #000200)
Browse the whole catalog at Explore, or see today's palette.