Mustard Canyon color palette — #FFF1F7 · #E5BB6E · #AD974A · #788050 · #335952

A conversation between Honey and Moss, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Honey (#E5BB6E): A luminous, balanced gold — the color of afternoon light on wheat.
• Moss (#AD974A): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#788050): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#335952): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, 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

• Aged Mustard color palette (#E8FAF0, #D1C778, #A9ABE3, #988E48, #444C64)
• Shell Archive color palette (#FFF0FF, #FFAB9D, #D18C6C, #946C47, #39503D)
• Celadon Harbor color palette (#D5FFEA, #C0D887, #82B379, #538973, #33555C)
• Antique Loft color palette (#DAFFEF, #D1DE9E, #99A466, #646B39, #153D32)
• Pale Mustard color palette (#FFD89C, #CFB500, #848D00, #237A0F, #005026)
• Mustard Station color palette (#DFFEEE, #BDB54A, #999FDA, #A37FA1, #36473E)
• Misty Lime Summit color palette (#F6F1D4, #99B727, #3D9637, #006A47, #00483F)
• Taupe Corridor color palette (#EBFAF0, #C1DDF3, #B2ACBA, #B48D88, #3F504A)

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