Mustard Canyon color palette — #FFF4DF · #DBB568 · #634E00 · #1F1700 · #020100

A conversation between Sand and Bronze, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#DBB568): A luminous, balanced gold — the color of old brass.
• Bronze (#634E00): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#1F1700): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#020100): quiet, heavy and certain.

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

• Worn Parlor color palette (#FFF2EB, #D1BB4F, #7E3A26, #310700, #030100)
• Timeworn Marigold color palette (#F4F8E0, #F0AA5B, #1D6029, #001F04, #010100)
• Washed Fern Archive color palette (#FCF5E1, #EECA90, #6E6500, #2D2900, #060300)
• Timeworn Bronze color palette (#D4E2D8, #D4B46B, #937500, #5A4600, #001005)
• Wandering Amber color palette (#F2EFDD, #CB9747, #394100, #1D2727, #070900)
• Softworn Mustard Study color palette (#FBF4E7, #D1BA60, #008979, #756200, #000200)
• Worn Olive color palette (#F6F6EC, #E7E3B4, #687F4C, #2E3F19, #111006)
• Hushed Pine color palette (#FFF8B7, #9AC965, #009154, #004E47, #00181D)

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