Mustard Pier color palette — #EEF8F2 · #C8B721 · #009677 · #7F7300 · #001D1F
Gold takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EEF8F2): a clean, paper-quiet neutral.
- Gold (#C8B721): A luminous, balanced green — the color of new leaves after rain.
- Fern (#009677): A full-bodied, balanced teal — the color of shallow lagoons.
- Walnut (#7F7300): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#001D1F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Dusty Field color palette (#EAF9F5, #94C575, #00929A, #51812D, #001C25)
- Marigold Villa color palette (#FFF1F5, #F2A028, #3D964A, #9B6411, #051D1B)
- Powdered Emerald color palette (#F8F5EA, #CDD797, #18A365, #747E00, #040700)
- Powdered Moss Meadow color palette (#DCF7E1, #7DB62D, #008C6D, #5D497E, #063835)
- Amber Field color palette (#F9F5ED, #E2C880, #00BAB3, #B69100, #0F1C0D)
- Worn Lantern color palette (#EDF8F1, #B49634, #006B6E, #614D00, #031C23)
- Worn Emerald Studio color palette (#E1EF98, #8FC065, #1F985D, #006A54, #003A37)
- Dusty Cobalt Boulevard color palette (#E4FCF0, #898E00, #0072CD, #6B3778, #291520)
Browse the whole catalog at Explore, or see today's palette.