Mustard Field color palette — #FAF5E6 · #D0C77F · #B1A8E1 · #978E4A · #624252
Built around Pistachio, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#FAF5E6): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#D0C77F): A whisper-light, balanced green — the color of a quiet forest floor.
- Mauve (#B1A8E1): A luminous, balanced violet — the color of wild irises.
- Moss (#978E4A): A luminous, balanced green — the color of a quiet forest floor.
- Cocoa (#624252): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.
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
- Mallow Delta color palette (#F4F7E9, #9ED4A2, #DD9ABC, #6F9972, #664241)
- Muted Olive Hollow color palette (#F9F5E7, #B4B477, #8F93CA, #777728, #614156)
- Patina Apricot color palette (#FFF3E8, #F7B47F, #7CBADD, #B0815C, #375449)
- Wandering Mustard Villa color palette (#EBF9F2, #D6D9AA, #BAC1FF, #ADAF43, #404C6C)
- Ancient Mustard color palette (#FDF5DA, #B7B661, #9C9FD6, #A37F9E, #514100)
- Muted Quarry color palette (#FCF5E3, #D0CCA8, #A89A77, #966B2E, #474D00)
- Patina Straw color palette (#FFF6CF, #D4E09B, #91A46A, #657145, #3D3C35)
- Quiet Field color palette (#F9F8D4, #99D62D, #B675FA, #507600, #452C61)
Browse the whole catalog at Explore, or see today's palette.