Hazy Mustard color palette — #FDF4E5 · #E9AF00 · #B79DE9 · #9785BA · #36322C

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

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#E9AF00): A luminous, vivid gold — the color of old brass.
• Mauve (#B79DE9): A luminous, balanced violet — the color of a velvet chair.
• Slate Blue (#9785BA): A luminous, dusty violet — the color of twilight just after sunset.
• Espresso (#36322C): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

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

• Dusty Apricot Villa color palette (#FFF3E9, #FF9E56, #89ACF4, #7890BF, #38322D)
• Lime Thicket color palette (#F9F6E2, #B0C559, #D096CD, #AD7DAA, #34332C)
• Pale Study color palette (#FCF5E0, #C8C447, #819FDC, #AA6577, #532835)
• Hazy Moss Drift color palette (#E2FDEE, #B2A01C, #5894CF, #7D6291, #24382D)
• Washed Sunflower color palette (#FFF2ED, #BDD37B, #53B6B8, #9B7393, #3C3E37)
• Taupe Workshop color palette (#F7F5ED, #D4DED7, #A4B9BC, #A5B285, #4A483D)
• Mustard Alley color palette (#FBF6E0, #B2BA5D, #3BB2B2, #9D5F55, #2B240A)
• Worn Grove color palette (#FAF4EB, #F1D288, #31C3CE, #BE9D4D, #1C271E)

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