Mustard Pier color palette — #FFF1F7 · #D3DCCD · #D9BD74 · #A3715A · #5C424C

Honey and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Bone (#D3DCCD): A whisper-light, dusty green — the color of new leaves after rain.
• Honey (#D9BD74): A luminous, balanced gold — the color of afternoon light on wheat.
• Mocha (#A3715A): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#5C424C): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged pastel, light, muted.

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

• Aged Stone color palette (#EAFAED, #BBE5E2, #B9C482, #926E3C, #3A5243)
• Softworn Driftwood Balcony color palette (#FCF1FE, #F0D2DB, #ECAB96, #A66880, #534554)
• Weathered Market color palette (#FFEBF7, #E6E8C2, #C7D5A5, #996976, #3E2C35)
• Cocoa Corridor color palette (#FFF2EA, #DEDECC, #C6D89B, #B58493, #723F05)
• Wandering Bronze color palette (#FBE6ED, #C69F65, #9A8100, #6B2E00, #2A1800)
• Linen Moss color palette (#FFF0DC, #F4CE67, #ADAA00, #905200, #4A3707)
• Olive Basin color palette (#E7FBF1, #88B2A2, #777636, #5C521B, #2C423C)
• Stone Quarry color palette (#FFF0FC, #C5EEF6, #CEEEBD, #DCA4BC, #634852)

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