Mustard Pier color palette — #FFF2EA · #DFD3CC · #97C3B5 · #CAB800 · #3F2700
Built around Gold, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Oat (#DFD3CC): bright and airy, almost weightless.
- Ash (#97C3B5): A luminous, dusty teal — the color of sea glass.
- Gold (#CAB800): A luminous, vivid green — the color of fresh herbs.
- Espresso (#3F2700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged candy, vibrant, light, 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
- Dusty Seafoam color palette (#FBF4E6, #E3DCD1, #94DA9C, #9FC0C7, #34332C)
- Misty Marigold Terrace color palette (#FFF0F8, #F2D7BF, #E5C285, #FFA82C, #542B04)
- Apricot Archive color palette (#FFF2EF, #E1D1D4, #FE932C, #B1A994, #4D111C)
- Frosted Mint Meadow color palette (#FFF4DB, #FCDE15, #D7D6CB, #00DC89, #272B00)
- Moss Summit color palette (#FFF3E7, #E7DBD5, #FFCE9C, #87AE44, #251B00)
- Gentle Chartreuse Workshop color palette (#FFF5D5, #D4D8CB, #C3D500, #00C096, #071700)
- Mustard Alley color palette (#FFF1F3, #EEDBBA, #BBAC47, #5F6DA6, #4E3D6E)
- Amber Summit color palette (#FFF2ED, #FFC07C, #B48900, #786900, #323F00)
Browse the whole catalog at Explore, or see today's palette.