Mustard Canyon color palette — #FFF4DB · #B6A000 · #007DB5 · #672A7D · #230700
A conversation between Mustard and Plum, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#B6A000): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#007DB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Plum (#672A7D): A full-bodied, balanced pink — the color of neon signs at night.
- Ink (#230700): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Chalky Sapphire color palette (#FEF6D2, #90A100, #006CDB, #7C2A72, #200D00)
- Worn Amber color palette (#FFF3E5, #DA8A00, #008E9B, #3F3D99, #27030D)
- Moss Courtyard color palette (#FBF6DD, #8F9000, #0063AA, #57145C, #080200)
- Lime Corridor color palette (#F9F7D7, #86C500, #008EA1, #59379D, #46000F)
- Soft Pier color palette (#F5F7E9, #4EC26B, #7371BD, #824258, #221706)
- Ancient Lime color palette (#FFF4E2, #ABD100, #009E6C, #5B4799, #172F0C)
- Faded Aubergine Workshop color palette (#DBF9F7, #00923C, #00625E, #4C0088, #170B00)
- Frosted Amethyst color palette (#F2F9DE, #15C344, #714CE0, #9B1B49, #1B1100)
Browse the whole catalog at Explore, or see today's palette.