Mustard Workshop color palette — #E9FAF1 · #DCD7A5 · #F5B1BF · #B5AB4D · #59445F

Built around Gold, softened by Ballet Pink — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
• Wheat (#DCD7A5): A whisper-light, dusty green — the color of new leaves after rain.
• Ballet Pink (#F5B1BF): A whisper-light, balanced red — the color of a theater curtain.
• Gold (#B5AB4D): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#59445F): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged 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 Courtyard color palette (#E7FAF8, #B6E2C0, #EFBA98, #60C07C, #624252)
• Tempered Ridge color palette (#F9F5E8, #E7EBB2, #B9C9FF, #9CA052, #553D50)
• Softworn Boulevard color palette (#EDF8F3, #C6C895, #A2AEE3, #919230, #3F4D6A)
• Apricot Lantern color palette (#FFF1F7, #F8CAA9, #9DD7B2, #E39253, #265655)
• Hushed Lime Studio color palette (#EAF9F5, #C7DEAB, #89D3EE, #90B855, #225465)
• Weathered Drift color palette (#DCFEF2, #AFE6E9, #B4C082, #7E8D3B, #363E14)
• Taupe Thicket color palette (#EEF8F6, #C3E8D6, #87A982, #487771, #1E2F2D)
• Feathered Alley color palette (#E1FBFD, #88E0C4, #A4BBFF, #00B994, #354066)

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