Mustard Workshop color palette — #FBF3F0 · #FFD1CD · #D9B15E · #E88F89 · #332D23

Built around Gold, softened by Salmon — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Shell Pink (#FFD1CD): A whisper-light, dusty orange — the color of toasted spice.
• Gold (#D9B15E): A luminous, balanced gold — the color of afternoon light on wheat.
• Salmon (#E88F89): A luminous, balanced orange — the color of autumn markets.
• Espresso (#332D23): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged duotone, light, muted.

Use it as a design system

One click turns Mustard Workshop 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 Apricot Boulevard color palette (#FBF3F3, #FFCBF1, #F3A16A, #D492C4, #352C25)
• Wandering Mint color palette (#F9F4EF, #F8D8B2, #9BC773, #D59F5B, #2F2F24)
• Timeworn Teal color palette (#FDF3EE, #F4AE9F, #50BC9C, #5A8DBA, #3F2B2F)
• Marigold Orchard color palette (#FFF2EB, #FFD5B8, #DDAB65, #9C8C49, #434903)
• Muted Blush Boulevard color palette (#F8F3FB, #E7D9D6, #88BD94, #C98197, #0F2221)
• Frosted Parlor color palette (#FFF3EB, #FFBD9F, #8BBA00, #F66900, #211E03)
• Hushed Cocoa color palette (#FDF4E6, #FBC2A1, #C2AD6C, #5396AD, #663D00)
• Hushed Archive color palette (#F6EFF4, #EBB4A6, #9E7C52, #9E5E4E, #0E190D)

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