Mustard Drift color palette — #FFF0F8 · #E1C079 · #9E5F3E · #583649 · #2A1D24

A conversation between Honey and Ochre, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Honey (#E1C079): A whisper-light, balanced gold — the color of honey in a jar.
• Ochre (#9E5F3E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#583649): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#2A1D24): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Muted Mustard color palette (#ECF9ED, #E0C07E, #8B6C36, #334936, #1A251B)
• Bronze Courtyard color palette (#FEF3EA, #E6E1B3, #A06642, #5A2801, #170D05)
• Washed Cocoa color palette (#FCF2F8, #BCAF77, #75422D, #3F2435, #261617)
• Aged Amber Parlor color palette (#FFF2EA, #E1D6A1, #C68163, #89543D, #2B1F17)
• Emerald Lantern color palette (#FCF2F6, #F5B57C, #5BA261, #AA723E, #0F2927)
• Washed Study color palette (#FFD9E4, #D6A200, #7E4F00, #422700, #1E060F)
• Tempered Mustard Market color palette (#E6FCEA, #D1AD42, #749154, #4C648A, #274437)
• Hushed Driftwood color palette (#F0F7F1, #CFE0DF, #B4C4C6, #A28C62, #434A44)

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