Mustard Canyon color palette — #F9F6E2 · #B8D07E · #BDA5D9 · #84945D · #62424E
Pistachio and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B8D07E): A whisper-light, balanced green — the color of fresh herbs.
- Mauve (#BDA5D9): A luminous, dusty violet — the color of twilight just after sunset.
- Moss (#84945D): A luminous, dusty green — the color of a quiet forest floor.
- Cocoa (#62424E): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.
Use it as a design system
One click turns Mustard Canyon 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
- Antique Stone color palette (#FDF3E8, #E7BC82, #8BB4E9, #A98554, #5B445C)
- Dusty Study color palette (#F1F8EC, #7FD9BA, #E297B6, #559C85, #634441)
- Muted Olive Courtyard color palette (#F7F6E9, #A7B883, #A08FBF, #697B3A, #614250)
- Dusty Lime color palette (#E9F9F4, #CBDCB2, #C8BEF6, #95B65A, #454B6A)
- Dusty Lime color palette (#F8F7DD, #98C068, #70AAE3, #B3867B, #43433C)
- Tempered Bronze Hollow color palette (#FFF2E9, #E9C39F, #B4947D, #A26242, #614000)
- Hushed Fern color palette (#F7F6E4, #CCEAD1, #A6D2C1, #B3A88B, #4E5000)
- Celadon Coast color palette (#F7F8D5, #C1E8AC, #84AB74, #556E49, #393932)
Browse the whole catalog at Explore, or see today's palette.