Mustard Pier color palette — #FFF4DE · #B4B663 · #6A9250 · #4B7253 · #494C46

Built around Gold, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#B4B663): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#6A9250): A luminous, balanced green — the color of new leaves after rain.
• Pine (#4B7253): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#494C46): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Mint Terrace color palette (#FBF8CA, #8ACD92, #409C7A, #327567, #445946)
• Mint Atelier color palette (#F5F7E3, #87C27F, #A78AC5, #54804E, #61434E)
• Aged Taupe color palette (#DFFFE3, #C5C689, #91AB6C, #558A66, #26555C)
• Worn Lantern color palette (#FFE7D7, #E4AB71, #A07D37, #676232, #434F37)
• Timeworn Jade Parlor color palette (#F5F8E1, #72A963, #9E78B2, #926589, #42433C)
• Fern Garden color palette (#F6F6E7, #B3E7E2, #97CFCC, #978B68, #47560C)
• Clover Lantern color palette (#E0E6C6, #5DBD00, #00874C, #005D4A, #004153)
• Dusty Study color palette (#B7F3D2, #1BCBAD, #008B8A, #00657A, #204F40)

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