Mustard Pier color palette — #FFF4E1 · #E0DEB9 · #FCD461 · #C5CB3F · #3F3C35

Honey and Sunflower set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#E0DEB9): A whisper-light, dusty green — the color of new leaves after rain.
• Sunflower (#FCD461): A whisper-light, balanced green — the color of a quiet forest floor.
• Honey (#C5CB3F): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#3F3C35): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged candy, vibrant, light, pastel.

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

• Lime Alley color palette (#F9F6E3, #F5EBA2, #C8E873, #6DD56A, #42423B)
• Timeworn Study color palette (#FFF3E8, #E7D8C5, #E0CC8C, #F5B211, #4F320F)
• Lime Atelier color palette (#FEF6CF, #FDDB3C, #C4D200, #6DCA00, #262F00)
• Linen Moss Balcony color palette (#F4E8C2, #C9D593, #A3BC5F, #739A3A, #36522B)
• Chalky Dune color palette (#F7F6E3, #BBD798, #F9A496, #7EB215, #63322B)
• Tempered Mustard Station color palette (#E8F6EB, #FFD19F, #E0B231, #8F944F, #082717)
• Basalt Pier color palette (#F8F6E7, #D8D8B0, #8FB98B, #A48C68, #474500)
• Worn Mustard Field color palette (#ECE4D3, #BFA953, #826E24, #5E4500, #1D170F)

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