Mustard Canyon color palette — #F9F6E4 · #B0C472 · #99A9EC · #B07BAD · #34332C

A conversation between Pistachio and Mauve, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B0C472): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#99A9EC): A luminous, balanced violet — the color of a velvet chair.
• Dusty Rose (#B07BAD): A luminous, balanced pink — the color of peonies in June.
• Espresso (#34332C): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Softworn Mint Basin color palette (#EFFAE4, #73CEAD, #C19ECF, #C17880, #31342E)
• Timeworn Boulevard color palette (#F1F8E8, #74D5A7, #6EA6D5, #9C6899, #552B0E)
• Timeworn Moss color palette (#FAF6E2, #9CA748, #9B83B6, #7C609B, #34332C)
• Worn Marigold Terrace color palette (#FFF3E5, #ECAB54, #6CBACF, #8789C7, #37322C)
• Hushed Plum color palette (#E7FAF5, #98C176, #52AACD, #A3508D, #002C25)
• Wisteria Station color palette (#EBFBE1, #3AE5C2, #C06BCC, #D55D58, #00342A)
• Tempered Fern Lagoon color palette (#F4F6EF, #D4DDD7, #A5B6B7, #87BA8E, #454D00)
• Sunlit Turquoise color palette (#E4F3E5, #00C4C7, #D284A6, #B56E46, #162D18)

Browse the whole catalog at Explore, or see today's palette.