Mustard Pier color palette — #FFF3E2 · #FFC5BE · #E8B000 · #42AA80 · #2E3504
Saffron and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Shell Pink (#FFC5BE): A whisper-light, dusty orange — the color of autumn markets.
- Saffron (#E8B000): A luminous, vivid gold — the color of old brass.
- Jade (#42AA80): A luminous, balanced teal — the color of sea glass.
- Deep Forest (#2E3504): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Sunlit Lime color palette (#F9F7D7, #FFCEB6, #BDC627, #00A3AF, #2D2F28)
- Quiet Apricot color palette (#FFF2EA, #FFB8DD, #FF9A59, #6BB35D, #443207)
- Misty Hollow color palette (#F4E3CD, #CAB000, #708C00, #206F38, #024032)
- Stone Orchard color palette (#FFDDCC, #C4B383, #709C80, #855C69, #583641)
- Feathered Workshop color palette (#E5FCEB, #F7AD57, #C99B18, #7D7F00, #3C3000)
- Hushed Chartreuse color palette (#E8F7D8, #C3CC00, #00CAA3, #0D85D9, #002629)
- Coral Loft color palette (#F4E5C6, #FF8974, #AD9A00, #008D7C, #111800)
- Soft Clover color palette (#E9FAEC, #FFDAA5, #D8D7CB, #48D153, #2B2500)
Browse the whole catalog at Explore, or see today's palette.