Mustard Pier color palette — #FFF3E8 · #EFCD8E · #C4B027 · #748C23 · #154E08
Built around Gold, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Wheat (#EFCD8E): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Gold (#C4B027): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#748C23): A luminous, balanced green — the color of new leaves after rain.
- Deep Olive (#154E08): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Marigold Harbor color palette (#FFEEE9, #FFC59F, #E5A13E, #A58100, #444300)
- Ancient Villa color palette (#FFF0D4, #C6B479, #7F782C, #494E00, #1E2900)
- Hushed Summit color palette (#FFF4C9, #CBDA8C, #8BC46E, #419860, #004638)
- Wandering Taupe color palette (#FFF1F0, #E8E1B5, #B59F49, #48793D, #003A2B)
- Taupe Ridge color palette (#E5FCEA, #E9C080, #9EAE5B, #5286B7, #2C4334)
- Sunlit Amber Summit color palette (#F4EADB, #A68D00, #707300, #295500, #000E03)
- Softworn Olive color palette (#F3E8D1, #CBBE00, #87A600, #1E8610, #00311E)
- Dusty Mustard Boulevard color palette (#D9E9E0, #C0AB2E, #4A7B6D, #3A5043, #151A15)
Browse the whole catalog at Explore, or see today's palette.