Mustard Study color palette — #F8F6E7 · #C0CD7E · #B7A6E0 · #899350 · #614350
Pistachio and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F6E7): a clean, paper-quiet neutral.
- Pistachio (#C0CD7E): A whisper-light, balanced green — the color of new leaves after rain.
- Mauve (#B7A6E0): A luminous, balanced violet — the color of wild irises.
- Moss (#899350): A luminous, balanced green — the color of a quiet forest floor.
- Cocoa (#614350): 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 Study 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
- Patina Seafoam Lagoon color palette (#F3F7EB, #8DD8AA, #DA9DB4, #639B79, #634441)
- Timeworn Lime Drift color palette (#FBF6D9, #AABC5F, #B596CD, #AA7A98, #44433B)
- Softworn Honey Study color palette (#FFF3E6, #EEB97D, #81B6EB, #AE8351, #2B564D)
- Washed Moss color palette (#EAF9F4, #DBEEBE, #C0C7FF, #89A654, #3F4366)
- Wandering Taupe Coast color palette (#F9F5E7, #D4DAA6, #FBB0B3, #A9B057, #674237)
- Timeworn Olive Drift color palette (#E9FAF3, #AFB582, #C68487, #72782F, #5A445B)
- Hushed Fern Boulevard color palette (#F9F5E7, #BDE2DA, #CFC4CD, #AF977F, #515200)
- Cocoa Lantern color palette (#FFF2EB, #E4C4A1, #BA9279, #886D67, #5B4400)
Browse the whole catalog at Explore, or see today's palette.