Mustard Pier color palette — #DFF0E9 · #E1AD00 · #90A8FF · #2D3A72 · #111927

A conversation between Saffron and Cornflower, giving this palette its sense of optimism and creativity.

The five colors

• Honeydew (#DFF0E9): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#E1AD00): A luminous, balanced gold — the color of honey in a jar.
• Cornflower (#90A8FF): A luminous, balanced violet — the color of a velvet chair.
• Navy (#2D3A72): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#111927): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Sunflower Canyon color palette (#DAF0FA, #E1C600, #AAB9FF, #4A527D, #1E2431)
• Sunflower Hollow color palette (#FCD9CF, #D7CA1C, #5193DF, #154170, #0F1A27)
• Powdered Mint Canyon color palette (#E4E0D0, #00DEAE, #A182E6, #4D3A76, #0E1023)
• Pale Mint Cabin color palette (#F8E5DB, #00E371, #579BE6, #17477A, #091522)
• Fuchsia Chapel color palette (#D3EDEA, #C2B300, #F657FE, #453C5E, #140F21)
• Quiet Wisteria Quarry color palette (#D9ECD0, #58CCFF, #BE70E7, #513760, #131124)
• Lime Basin color palette (#DEE4FA, #80D961, #8267D9, #503B90, #0A0C24)
• Hushed Field color palette (#81FFE2, #FFD77E, #CDCFFF, #626878, #2D303A)

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