Mustard Pier color palette — #FFF4DE · #EAB100 · #605000 · #1E1800 · #020100

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

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#EAB100): A luminous, vivid gold — the color of old brass.
• Bronze (#605000): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#1E1800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020100): quiet, heavy and certain.

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

• Powdered Study color palette (#F4F8DF, #EAB100, #0D620F, #011F02, #010100)
• Honey Orchard color palette (#FBF5E3, #F4CA6D, #6B6611, #312705, #060300)
• Wandering Bronze Chapel color palette (#E4DDCF, #DCB161, #8D7805, #544814, #110A00)
• Worn Marigold color palette (#F3EFD8, #CB9900, #394100, #1D2727, #070900)
• Antique Atelier color palette (#F9F5E8, #C3C23B, #008886, #696700, #000200)
• Softworn Straw Market color palette (#EDFAE9, #FFD26F, #007C70, #003731, #020B00)
• Petrol Workshop color palette (#FFF5DA, #AA9C24, #116AB2, #5E3A7A, #0B0700)
• Faded Lime Grove color palette (#E8FFC1, #66D65F, #009761, #00544A, #001213)

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