Washed Mustard color palette — #FFF3E4 · #F2AF32 · #BB7F00 · #764F00 · #331F00

A conversation between Saffron and Mustard, giving this palette its sense of optimism and balance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Saffron (#F2AF32): A luminous, balanced gold — the color of old brass.
• Mustard (#BB7F00): A luminous, balanced gold — the color of old brass.
• Coffee (#764F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#331F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. Tagged monochrome.

Use it as a design system

One click turns Washed 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

• Ancient Amber color palette (#FFE7F1, #DEA960, #C16F1C, #9A421E, #423309)
• Hazy Amber color palette (#FFF3E3, #FFDDB0, #CA8700, #704900, #251600)
• Powdered Mustard Villa color palette (#FDF9B6, #C3C646, #958A00, #5A5500, #2B2900)
• Powdered Marigold color palette (#FFF4E1, #FFC786, #D69900, #A16500, #392400)
• Worn Marigold Hollow color palette (#FEE4B5, #D1A315, #8D6F00, #543E00, #1E1400)
• Softworn Moss color palette (#F2F2DA, #A79D00, #6A6600, #353600, #080800)
• Feathered Corridor color palette (#E9DAEB, #00DCDA, #D3B200, #4C3F00, #122419)
• Pale Chartreuse color palette (#FFF1F5, #FFEEB7, #A9DD53, #CB7554, #563E12)

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