Mustard Pier color palette — #F2F5FF · #B1A6ED · #B0A943 · #63A187 · #3E4251

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#B1A6ED): A luminous, balanced violet — the color of a velvet chair.
• Gold (#B0A943): A luminous, balanced green — the color of fresh herbs.
• Eucalyptus (#63A187): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#3E4251): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, 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

• Softworn Apricot Pier color palette (#EEF6FF, #87B4EE, #D09858, #A6914F, #354455)
• Hushed Stone Corridor color palette (#FFF1F6, #CFBCF2, #A5CA94, #73B399, #513B44)
• Patina Ash Quarry color palette (#F3F4FF, #E2D7E0, #B5B2A8, #94A8CB, #524F5E)
• Hazy Parlor color palette (#FAF1FF, #DA87A7, #00B28B, #1591C6, #3F3245)
• Tempered Taupe Veranda color palette (#ECF9EF, #ABD6C2, #AF9964, #8F6777, #364D48)
• Timeworn Meadow color palette (#FFF1F4, #B580CA, #BE706E, #5A7999, #503C41)
• Chalky Pine Atelier color palette (#E8DFFF, #D889D0, #0085A1, #058F23, #2E263F)
• Aged Driftwood Lantern color palette (#F6F3FD, #CBD8AB, #996C91, #504860, #2C2933)

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