Mustard Drift color palette — #F8F2FF · #FCB1DE · #E9B44B · #D27FB2 · #543E15

Saffron takes the lead with Bubblegum close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Carnation (#FCB1DE): A whisper-light, balanced pink — the color of neon signs at night.
• Saffron (#E9B44B): A luminous, balanced gold — the color of honey in a jar.
• Bubblegum (#D27FB2): A luminous, balanced pink — the color of a candy shop window.
• Cocoa (#543E15): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Balance. Tagged light.

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 Ridge color palette (#FAF1FF, #F8A0BE, #EFA050, #A699E0, #403148)
• Softworn Apricot Courtyard color palette (#FFF0F8, #F0C1D5, #DC9B78, #AC7B69, #4C363E)
• Stone Drift color palette (#FAF1FF, #E8DCD7, #DA9EC2, #AEB3A0, #534656)
• Airy Meadow color palette (#FFF1F2, #FFBBED, #6DD1B2, #B171A1, #2D3F1C)
• Linen Thicket color palette (#FCF0FF, #FFB4C2, #A4BBFF, #E27991, #324260)
• Feathered Blush color palette (#F9F2FF, #FFC9DF, #F085B5, #B16588, #4A2233)
• Ancient Lime color palette (#FFF0F9, #FFAE90, #49D900, #F76018, #134701)
• Tempered Amber color palette (#FBF2F9, #FCCA9A, #C77F71, #775770, #271E25)

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