Mustard Pier color palette — #FFF1F7 · #FBE1AA · #C4CD7A · #BB725D · #50323C

Pistachio and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Peach Cream (#FBE1AA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#C4CD7A): A whisper-light, balanced green — the color of new leaves after rain.
• Caramel (#BB725D): A luminous, balanced orange — the color of toasted spice.
• Charcoal (#50323C): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Timeworn Driftwood Dune color palette (#FEF0FF, #EEDAC8, #E6B57F, #AD6F90, #473544)
• Chartreuse Delta color palette (#E9FBE8, #B2E9CC, #B0D688, #B6774D, #304837)
• Seafoam Corridor color palette (#FFF2E9, #DDE5B7, #91DCBA, #D18F8D, #423C37)
• Dusty Parlor color palette (#FFF0F9, #F9DEA5, #7BB88F, #995E72, #2F4530)
• Dusty Bronze Market color palette (#FADFED, #CCA682, #B86838, #804A40, #203624)
• Frosted Mint color palette (#FAF7BE, #C1E99C, #00DD9A, #A87400, #363C00)
• Antique Mustard Grove color palette (#E7F2EA, #D5AE59, #776100, #413400, #0D1912)
• Hushed Moss color palette (#CBE8CA, #D9C27A, #89AC00, #A14600, #0F2F17)

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