Mustard Drift color palette — #F9F1E2 · #CCB162 · #899ACE · #856F2E · #3F283A

A conversation between Gold and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F1E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#CCB162): A luminous, balanced green — the color of fresh herbs.
• Blue Fog (#899ACE): A luminous, dusty violet — the color of wild irises.
• Walnut (#856F2E): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#3F283A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Mustard Drift 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

• Apricot Dune color palette (#FFEFE0, #E6A26C, #73A2C9, #996336, #183830)
• Antique Dune color palette (#F2F3E4, #8EC57E, #AF8DC0, #587D4D, #442730)
• Bronze Corridor color palette (#ECF9F1, #BEB077, #799ACB, #84721A, #394E6B)
• Tempered Taupe Courtyard color palette (#FAF1DD, #AF9C3D, #499AB0, #986A6D, #2E2614)
• Dusty Coast color palette (#F8F1E5, #C8BA95, #918158, #794D0A, #2F2C1C)
• Weathered Stone Market color palette (#ECF9EF, #D6C293, #DC9BBA, #A18950, #564564)
• Aged Frost color palette (#F9F1DF, #ADECDF, #98C9C2, #A48D72, #3C3A33)
• Patina Straw Boulevard color palette (#FCF4E6, #FFE39E, #BBC9FF, #AF975B, #573C50)

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