Mustard Pier color palette — #FFF2EA · #E0DDC2 · #DAB158 · #8E864A · #4F4E47

Built around Gold, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E0DDC2): A whisper-light, dusty green — the color of new leaves after rain.
• Gold (#DAB158): A luminous, balanced gold — the color of afternoon light on wheat.
• Moss (#8E864A): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4F4E47): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Tempered Lime color palette (#FFF4E1, #D6F0B4, #ADC66E, #678F5A, #50534C)
• Driftwood Delta color palette (#FFF1F6, #D9B381, #9D8246, #6C6528, #2E5345)
• Timeworn Station color palette (#FBF4E8, #D5E1C6, #C1AD72, #A06E37, #434200)
• Taupe Summit color palette (#FBF4E7, #F5E6AA, #B8CAFF, #AF993D, #553D50)
• Washed Bloom color palette (#FDF5DC, #CBF6C8, #C0B96A, #696E2E, #2F2502)
• Faded Boulevard color palette (#F9DCA3, #C6AC00, #6F8100, #2E5E00, #002412)
• Wandering Terrace color palette (#FFF3E5, #F9C700, #A19800, #587400, #003D1A)
• Bronze Market color palette (#EDDDD1, #906500, #4A4100, #141800, #000200)

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