Mustard Pier color palette — #D7F8E0 · #C7C100 · #FF8857 · #452B3C · #2A1C25

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

The five colors

• Honeydew (#D7F8E0): A whisper-light, dusty teal — the color of sea glass.
• Gold (#C7C100): A luminous, vivid green — the color of fresh herbs.
• Salmon (#FF8857): A luminous, balanced orange — the color of autumn markets.
• Espresso (#452B3C): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#2A1C25): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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 Quarry color palette (#E1EDD6, #F3AB00, #FF8192, #462F48, #221823)
• Worn Sunflower color palette (#F7E9F9, #E5CC10, #FFA28D, #4E3A49, #31262E)
• Washed Lime color palette (#F3D9E4, #9CCF00, #F59300, #492B37, #23191C)
• Wandering Terracotta color palette (#F6EAF6, #E3A572, #93494F, #50272A, #1C121D)
• Frosted Courtyard color palette (#C4EBF4, #00E67F, #CCB500, #403800, #12251B)
• Weathered Bronze Drift color palette (#FFDCC5, #E0A76D, #AE7C2A, #705400, #3A3100)
• Muted Shell color palette (#EAE6FF, #FFCF93, #FFADB7, #3F2018, #120B09)
• Weathered Rose color palette (#FAE8FF, #B49600, #FC2E30, #320605, #0E040D)

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