Mustard Pier color palette — #FFDCBF · #DBAC1D · #7C9000 · #007627 · #004236
Gold and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#FFDCBF): A whisper-light, dusty gold — the color of old brass.
- Gold (#DBAC1D): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#7C9000): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#007627): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004236): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Moss Summit color palette (#FFE1B5, #C6C30B, #53A300, #006C49, #004140)
- Olive Market color palette (#FBE2C4, #B39E00, #588900, #005534, #002F2A)
- Emerald Ridge color palette (#FFDCCF, #F8B754, #A2AC00, #0D9830, #003E3C)
- Pale Lantern color palette (#FFF4E1, #EFDB50, #8A9D00, #327100, #00341E)
- Apricot Lantern color palette (#FFDDD7, #FF9C4D, #B18400, #606300, #044208)
- Powdered Grove color palette (#E7E4D6, #7F9800, #00753E, #004436, #001719)
- Hushed Ridge color palette (#FFF1F5, #D69D00, #359E16, #663895, #3B370C)
- Misty Thicket color palette (#FCF7C1, #B0D096, #00AB70, #007872, #004757)
Browse the whole catalog at Explore, or see today's palette.