Mustard Pier color palette — #FFF4DA · #C1C157 · #8E7F00 · #5F4B00 · #171B00
Built around Gold, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF4DA): A whisper-light, dusty gold — the color of old brass.
- Gold (#C1C157): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#8E7F00): A full-bodied, balanced green — the color of new leaves after rain.
- Bronze (#5F4B00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#171B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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
- Mustard Study color palette (#FFF3E6, #ECAE45, #AE6D00, #743D00, #211600)
- Moss Basin color palette (#E5E3D2, #8B9620, #685C00, #483200, #0A1600)
- Dusty Moss Lantern color palette (#F3ECD5, #818F22, #525100, #282100, #010100)
- Chalky Coast color palette (#ECDDB9, #ACC642, #AB9400, #9B6300, #0A3205)
- Misty Amber color palette (#FFF3E9, #FFC28A, #D57526, #8C4B2D, #382305)
- Emerald Loft color palette (#FFF3E4, #C28300, #00965C, #00625F, #150A00)
- Cocoa Workshop color palette (#F1DDD1, #A25F35, #662300, #290300, #030100)
- Dusty Bronze Cabin color palette (#FEF3EC, #E3DAC4, #D89F89, #A86847, #5D3400)
Browse the whole catalog at Explore, or see today's palette.