Mustard Pier color palette — #FFF3E8 · #D4B95F · #7A3F00 · #291100 · #030100

A conversation between Gold and Bronze, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Gold (#D4B95F): A luminous, balanced green — the color of fresh herbs.
• Bronze (#7A3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#291100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

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

• Washed Chestnut color palette (#FFF3E6, #E8CD87, #895600, #3A2200, #070300)
• Dusty Garnet Lantern color palette (#FFF2ED, #C9BE53, #9A001F, #360005, #030000)
• Honey Orchard color palette (#FBF6D7, #FDB239, #516000, #1B2200, #020100)
• Pale Mustard Loft color palette (#F1D6DF, #F0A900, #A96712, #673D0A, #17040C)
• Patina Market color palette (#FAECD8, #C79B2A, #4E3700, #1D2723, #0C0600)
• Airy Marigold Veranda color palette (#FDF3EA, #FEA345, #008D50, #905200, #010100)
• Powdered Thicket color palette (#FFEFE0, #CFAE28, #618600, #004E1D, #001410)
• Antique Bronze color palette (#FBF4E8, #FFE1AB, #897523, #3B3831, #140F04)

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