Mustard Pier color palette — #F4E0D9 · #C6AE00 · #1F9B79 · #6F578F · #4A3069
Built around Gold, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Parchment (#F4E0D9): A whisper-light, dusty orange — the color of toasted spice.
- Gold (#C6AE00): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#1F9B79): A luminous, balanced teal — the color of glacier melt.
- Slate (#6F578F): A full-bodied, balanced violet — the color of twilight just after sunset.
- Royal Purple (#4A3069): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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
- Wandering Courtyard color palette (#FEE9E9, #DF9E3D, #609141, #4F5C8B, #323C5F)
- Lagoon Field color palette (#F9E8E0, #B5BA68, #2B9F7D, #924456, #662536)
- Ancient Cerulean Veranda color palette (#EEE0BF, #8AAE7B, #3993A0, #714C49, #4D2637)
- Clover Summit color palette (#F5EBC9, #61C472, #008B7C, #7F4270, #14361A)
- Hushed Lapis color palette (#FFF2EF, #F7C289, #859861, #624EBC, #511644)
- Weathered Pine color palette (#E2E6CE, #84A469, #407E51, #005C6A, #263B64)
- Teal Studio color palette (#E9EBD5, #3BAE8C, #336F9B, #69453F, #451B28)
- Hushed Cobalt color palette (#E2F7E5, #94D0B7, #53AEA7, #0077C5, #263985)
Browse the whole catalog at Explore, or see today's palette.