Mustard Boulevard color palette — #FFF2EB · #FFD3D6 · #FFB3A5 · #B0A232 · #433D38

Mustard takes the lead with Rose Quartz close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Shell Pink (#FFD3D6): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#FFB3A5): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#B0A232): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#433D38): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Marigold Delta color palette (#FFF2ED, #F8CEC7, #F0B49C, #D4A358, #683002)
• Aged Sand color palette (#FDF3EB, #E8D8CF, #FDC990, #98BE81, #4C4942)
• Faded Amber Lantern color palette (#FFDFD8, #ECA37A, #BC8333, #856A0C, #464619)
• Tempered Mustard color palette (#FFF0FA, #E6D5D6, #CDBE52, #A2AFA8, #472E3B)
• Gentle Field color palette (#FFF2EB, #FFADBA, #F79000, #8C9700, #3A2400)
• Clover Bloom color palette (#FFF4E1, #FFCFBB, #E0BF00, #00C34D, #3D3600)
• Driftwood Alley color palette (#FFF2EF, #D8BCAA, #AC9E84, #8B708B, #5E4757)
• Pale Terrace color palette (#FDF6DA, #FFCA9B, #B8C744, #00AF91, #322E03)

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