Mustard Pier color palette — #F7DCC1 · #DDA500 · #928800 · #537100 · #1B4A18
Gold and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#F7DCC1): A whisper-light, dusty gold — the color of old brass.
- Gold (#DDA500): A luminous, balanced gold — the color of honey in a jar.
- Olive Leaf (#928800): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#537100): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#1B4A18): A deep, shadowed, balanced green — the color of new leaves after rain.
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
- Soft Mustard Summit color palette (#F0E9D0, #BEB500, #709000, #296F3B, #104330)
- Hazy Amber color palette (#F0DAC9, #CA9200, #796B00, #3F5800, #004B2B)
- Gentle Honey Hollow color palette (#FFF4E1, #E5C346, #A19500, #5B6300, #223800)
- Lime Ridge color palette (#CFFAE5, #97C657, #8F8A18, #7A5A1C, #0A3E3B)
- Hazy Lime color palette (#EAEBB9, #A1C963, #58AB63, #257F67, #1B4B55)
- Coral Quarry color palette (#FFE1E0, #FF8461, #CA7200, #865800, #4F4200)
- Seafoam Delta color palette (#DAFFF0, #99FDE6, #47ECE6, #B57F3B, #3E4E26)
- Chartreuse Summit color palette (#E8FFC3, #99DD20, #729500, #3E6100, #212A00)
Browse the whole catalog at Explore, or see today's palette.