Mustard Pier color palette — #FFF1D1 · #C2CD75 · #62A777 · #007575 · #004860

Pistachio takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FFF1D1): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C2CD75): A whisper-light, balanced green — the color of fresh herbs.
• Jade (#62A777): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007575): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#004860): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Linen Lantern color palette (#FFEBE2, #ECBE64, #889C54, #1A7A57, #004B48)
• Seafoam Grove color palette (#F6FACA, #A1E0AB, #62AEA7, #307A90, #2B4772)
• Misty Atelier color palette (#DEFFCF, #8AB88B, #3E8560, #005F45, #00483E)
• Mustard Field color palette (#FFF0FC, #ADBA60, #379794, #7B537A, #254440)
• Airy Clover color palette (#E4E4CC, #33CE1F, #009279, #005E6E, #002A46)
• Hushed Moss Thicket color palette (#E9E2C1, #649500, #006541, #003839, #000A14)
• Wandering Study color palette (#D7E3D7, #00B6A9, #007F9F, #0A4493, #29005C)
• Emerald Veranda color palette (#D2EAE8, #3AA859, #30535D, #223130, #111B17)

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