Mustard Pier color palette — #FFF4DD · #CBBF63 · #807519 · #494500 · #392F00

Honey and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
• Honey (#CBBF63): A luminous, balanced green — the color of fresh herbs.
• Walnut (#807519): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#494500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#392F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged monochrome.

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

• Misty Marigold Station color palette (#FFF3E6, #E9A658, #9C6420, #633F02, #472909)
• Bronze Field color palette (#DBFFEC, #E6DEA7, #C4B15B, #928500, #342F00)
• Dusty Quarry color palette (#E6FFD1, #93C97C, #5B833D, #2F4D18, #203005)
• Wandering Taupe color palette (#DCFFE9, #DCCE8B, #A49341, #666112, #322B00)
• Marigold Terrace color palette (#F6F6E8, #D5A466, #3D5B2B, #2E2F28, #161F14)
• Olive Hollow color palette (#EFF0D6, #7B7700, #383600, #0F0F00, #020200)
• Dusty Lime Orchard color palette (#F6F6EC, #8CC066, #007C93, #436D1E, #16291E)
• Weathered Moss Orchard color palette (#DAFC9A, #8CAB00, #4F6800, #273700, #1C2100)

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