Mustard Pier color palette — #FFF4E1 · #EBB701 · #949DF5 · #937100 · #20214F

Saffron and Wisteria set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#EBB701): A luminous, vivid gold — the color of old brass.
• Wisteria (#949DF5): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#937100): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Indigo (#20214F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Faded Azure Station color palette (#FFF3E4, #FFC162, #489EE7, #9E6B00, #002A49)
• Airy Amber Terrace color palette (#FDECD1, #DEBA62, #9BAAF8, #B48B00, #2B315B)
• Faded Chartreuse Alley color palette (#FAF7D9, #BBDE49, #AD7FDD, #6B8028, #321B47)
• Indigo Field color palette (#DCEFE0, #AF8C2D, #6573CA, #6A5100, #11124A)
• Ancient Studio color palette (#FFF4DE, #D7B62D, #627ED5, #8D5F9D, #251900)
• Gentle Magenta Hollow color palette (#E4FFD2, #84DD28, #CE57ED, #3F7200, #33003F)
• Weathered Hollow color palette (#FFF4E1, #CBCC8E, #9F874C, #734F31, #24230D)
• Misty Terrace color palette (#FCEEC3, #ADA422, #515CD5, #554F00, #040027)

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