Mustard Pier color palette — #F0F5FF · #BFCD7C · #5F6FA1 · #33425D · #1C222C

Pistachio takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Pistachio (#BFCD7C): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5F6FA1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#33425D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#1C222C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Antique Stone Drift color palette (#EEF6FF, #F6B295, #5173A1, #324459, #1C222A)
• Worn Ash color palette (#FBF2F9, #DBD9A2, #8392C6, #54608D, #2B1C28)
• Worn Cobalt Quarry color palette (#FDF1F9, #FAE3B3, #6A71A8, #313558, #170B13)
• Denim Balcony color palette (#F0F5FF, #B3B27F, #424F7A, #202E47, #1B1826)
• Quiet Lime color palette (#F5F4FF, #ACC944, #8C47A0, #4B2C54, #1B172A)
• Dusty Parlor color palette (#F4F4FC, #E3D8E0, #CDBBC2, #9C84B1, #47474F)
• Dusty Cobalt color palette (#F2F5FE, #BABDFF, #C67578, #7677C0, #2B1F2B)
• Quiet Wisteria Ridge color palette (#DAFFF3, #C599FA, #B56E82, #2F7162, #3F3951)

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