Mustard Pier color palette — #FFF4DD · #FFACA2 · #CBA700 · #008965 · #020200
Gold and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Rose Quartz (#FFACA2): A whisper-light, balanced orange — the color of toasted spice.
- Gold (#CBA700): A luminous, balanced green — the color of fresh herbs.
- Fern (#008965): A full-bodied, balanced teal — the color of sea glass.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Ancient Lagoon color palette (#FEF6D2, #FFBE98, #A3BC00, #008291, #000602)
- Linen Apricot color palette (#F1F9C9, #FF8E54, #959700, #007378, #000200)
- Feathered Tangerine Balcony color palette (#FFF3E9, #FFBBD4, #F68019, #338800, #0A0700)
- Worn Emerald Studio color palette (#E5EACF, #D19B00, #00994D, #00677A, #000201)
- Quiet Terrace color palette (#F2E4C6, #D8920E, #8E7700, #536200, #050400)
- Sunlit Studio color palette (#FDEACC, #A09900, #497500, #00431F, #000B08)
- Frosted Taupe color palette (#FFD6C8, #B8A857, #418362, #503160, #230A2F)
- Mustard Loft color palette (#CDE7D5, #FEB03B, #D1AC00, #97A300, #161300)
Browse the whole catalog at Explore, or see today's palette.