Mustard Workshop color palette — #F3DCF3 · #F0B408 · #FF9682 · #5E4458 · #291A26

Saffron and Melon set the tone — five colors that lean into optimism and balance.

The five colors

• Thistle (#F3DCF3): A whisper-light, dusty pink — the color of neon signs at night.
• Saffron (#F0B408): A luminous, vivid gold — the color of honey in a jar.
• Melon (#FF9682): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#5E4458): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#291A26): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Balance. Tagged neon, dark, vibrant.

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

• Worn Boulevard color palette (#DADFED, #FFA770, #FF8AC6, #594766, #251C2C)
• Sunflower Hollow color palette (#F6DCEA, #D4D940, #FFB478, #775966, #312329)
• Washed Amber Lantern color palette (#FCE8F5, #F1BD87, #BF6F57, #794738, #1F101B)
• Lime Basin color palette (#D3E7E7, #94D735, #F4A408, #3D513C, #1A211A)
• Powdered Corridor color palette (#FDE7F4, #FB8854, #8CAE55, #9D6FA6, #381B2E)
• Aged Taupe Bloom color palette (#F1F7F1, #CDDEDA, #ACC9C5, #C19664, #353D34)
• Seafoam Chapel color palette (#D4EEFF, #07F8E9, #FFADB9, #46221A, #180805)
• Ancient Amber Grove color palette (#EDD7E8, #A4A400, #E66E00, #491E00, #12010A)

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