Mustard Pier color palette — #F8F2E0 · #CDB159 · #5B571E · #2F260E · #100C03
A conversation between Gold and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#CDB159): A luminous, balanced green — the color of fresh herbs.
- Olive (#5B571E): A full-bodied, dusty green — the color of a quiet forest floor.
- Onyx (#2F260E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#100C03): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.
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
- Muted Fern color palette (#EBF9F2, #C2AC7E, #54551B, #083727, #0A1F20)
- Frosted Lime Drift color palette (#EFF5E2, #AFAF00, #005C2F, #002911, #060900)
- Hushed Olive color palette (#F9F6E5, #E1BD97, #6F7836, #4E4200, #26220F)
- Lime Summit color palette (#F2F3E7, #91C56C, #1A8965, #4E7035, #0B1004)
- Nocturne Fern Market color palette (#DEE1CF, #615A00, #222B30, #011A01, #000200)
- Dusty Moss Courtyard color palette (#F6F2E0, #829012, #1A8489, #784132, #1E1A07)
- Moss Coast color palette (#E6F0DA, #8D9600, #00442E, #00170D, #010200)
- Worn Jade Market color palette (#F7F3D8, #3BB57B, #007C6D, #29486A, #1E2613)
Browse the whole catalog at Explore, or see today's palette.