Mustard Pier color palette — #F2DFB2 · #CDBE48 · #94AB55 · #815700 · #2D2500

Gold and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#F2DFB2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#CDBE48): A luminous, balanced green — the color of new leaves after rain.
• Moss (#94AB55): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#815700): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2D2500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

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

• Emerald Grove color palette (#E0EFE2, #C3BC72, #5B963D, #7A4100, #2A2200)
• Pale Jade Boulevard color palette (#D8E8B3, #A1D08D, #66B986, #6D6E0D, #152801)
• Dusty Marigold color palette (#FFECDD, #F0BD7E, #C89F16, #96502B, #392000)
• Muted Dune color palette (#E3E6D3, #90C031, #48AF50, #625700, #172000)
• Patina Mint color palette (#EFDDC3, #D1D390, #7DCF73, #BF6F00, #2D2300)
• Amber Courtyard color palette (#D5EBD5, #B18400, #815700, #593300, #1D1500)
• Patina Drift color palette (#D3EBE0, #AD9000, #464900, #1B1D00, #000302)
• Pale Corridor color palette (#D5EED5, #5AB487, #009981, #365B16, #001514)

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