Mustard Pier color palette — #F4E9DF · #DFA900 · #899300 · #3C7815 · #004C31

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

The five colors

• Cream (#F4E9DF): a clean, paper-quiet neutral.
• Gold (#DFA900): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#899300): A luminous, balanced green — the color of new leaves after rain.
• Olive (#3C7815): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004C31): A deep, shadowed, balanced teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Pale Moss color palette (#EADEC9, #C2B200, #549C2D, #026E45, #00463F)
• Apricot Bloom color palette (#FFE3E0, #FE9534, #AC7F00, #696200, #324D13)
• Muted Summit color palette (#FEEBD6, #B59600, #5B7C00, #006722, #003225)
• Hushed Moss Garden color palette (#F6DD8A, #B2A000, #797A00, #4F5B00, #004A27)
• Chartreuse Lagoon color palette (#E5FFCE, #ADD812, #649B00, #326500, #142A00)
• Soft Lime Atelier color palette (#F0E9B4, #9DD276, #4EAD75, #1E7B6B, #0E4E55)
• Feathered Dune color palette (#FFF5D5, #CAC62D, #A468E0, #7F7C00, #472A64)
• Feathered Celadon Hollow color palette (#F9F9C8, #AAFFCC, #70D7EC, #BB8349, #4A4B43)

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