Mustard Pier color palette — #FFF4DF · #EAB030 · #806600 · #483900 · #221906

Saffron and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#EAB030): A luminous, balanced gold — the color of old brass.
• Walnut (#806600): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#483900): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#221906): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.

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

• Airy Bronze Corridor color palette (#FFF2E9, #CBBE4D, #A34D00, #5E2A00, #2B1402)
• Olive Drift color palette (#F6F6E6, #F3A765, #4A7800, #284400, #1C1C09)
• Hushed Straw color palette (#E4FDEB, #FFD174, #826700, #3A2D00, #000B03)
• Pale Honey color palette (#FFF4E1, #F5C85B, #AD8802, #6F5918, #251800)
• Marigold Bloom color palette (#FBF4EB, #F0AC3C, #0094BA, #9F6C00, #052317)
• Muted Marigold Studio color palette (#E4DECB, #D09947, #5E5700, #2D2A00, #100A00)
• Weathered Lagoon color palette (#F0F8EE, #F2C6B3, #428C82, #405439, #272E24)
• Aged Mulberry Coast color palette (#FEF4DE, #A79300, #007CA5, #9E0A42, #2C2101)

Browse the whole catalog at Explore, or see today's palette.