Mustard Drift color palette — #FFF2EA · #B6EADB · #E7D7C9 · #E7B268 · #5A2F00

Sand takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Mint (#B6EADB): A whisper-light, dusty teal — the color of sea glass.
• Bone (#E7D7C9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#E7B268): A luminous, balanced gold — the color of honey in a jar.
• Cocoa (#5A2F00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Tempered Apricot Canyon color palette (#FFF2F0, #F7D3D7, #F2B7A9, #EFA064, #52322B)
• Mustard Corridor color palette (#FCF4E8, #E7DCB9, #A2DD9D, #C5BE68, #3C3831)
• Apricot Ridge color palette (#F3E1D2, #EC914C, #93652A, #6D3B00, #1D1712)
• Quiet Lantern color palette (#FFF3E2, #F1C572, #FF95D2, #C79528, #5C3636)
• Timeworn Driftwood color palette (#FFF3E5, #E6D4B3, #C2B796, #879979, #40533F)
• Apricot Drift color palette (#FEEFE5, #FFD4F3, #F89F6F, #78923E, #361E01)
• Pale Lime Orchard color palette (#FFF5D9, #DCE7A6, #ECD600, #87CA00, #333300)
• Softworn Harbor color palette (#F3F7EB, #A9E4CC, #6ABEAC, #A58C67, #324B08)

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