Mustard Pier color palette — #FAF5E6 · #B0A600 · #00765B · #5E5800 · #17210C
Gold and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FAF5E6): A whisper-light, dusty green — the color of new leaves after rain.
- Gold (#B0A600): A luminous, balanced green — the color of fresh herbs.
- Teal (#00765B): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#5E5800): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#17210C): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Worn Alley color palette (#F9F1E3, #C4A440, #007B7B, #6F5800, #000C0C)
- Airy Amber color palette (#FFF3E5, #DA9000, #3A7600, #764C00, #1F1F00)
- Sunlit Meadow color palette (#F6F7E7, #56BE04, #007472, #2B6600, #0E230D)
- Muted Studio color palette (#EFECDB, #859200, #005B5D, #3F4600, #031105)
- Dusty Moss Villa color palette (#FFF4DE, #5DA100, #00715B, #53307B, #173F1F)
- Misty Grove color palette (#EDF9F0, #DDB631, #0098A3, #917400, #00212B)
- Weathered Clover color palette (#E5F897, #5AC249, #007F4D, #005443, #003F3E)
- Hushed Clover color palette (#F2FBD0, #CDCE00, #23C82B, #008B8A, #03422C)
Browse the whole catalog at Explore, or see today's palette.