Mustard Pier color palette — #FFF1F7 · #D3B95B · #65813E · #1F5C58 · #001F0E
Built around Gold, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Gold (#D3B95B): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#65813E): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#1F5C58): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#001F0E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Pine Alley color palette (#E4FDEA, #A9C878, #238B5E, #255868, #001E17)
- Hushed Canyon color palette (#FFF1F5, #DAD387, #6D975F, #416A77, #162E22)
- Pine Drift color palette (#E9FBE9, #A1AB3F, #00742C, #00444D, #000A06)
- Fern Chapel color palette (#DEF4E7, #8F9257, #4C5D00, #144500, #131300)
- Timeworn Moss color palette (#C6ECD5, #61A142, #005B47, #003043, #000200)
- Hushed Stone Ridge color palette (#FEF1F7, #CDE2CF, #A8B58A, #818597, #3B4B3F)
- Weathered Bronze color palette (#F2DDE5, #8E7900, #284500, #231034, #020100)
- Weathered Periwinkle color palette (#FFF0F7, #C7ECFF, #6392DC, #006B60, #1D1939)
Browse the whole catalog at Explore, or see today's palette.