Mustard Grove color palette — #F6F3FF · #BFCD7C · #8F5D8C · #463C5C · #231F2C

A conversation between Pistachio and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Pistachio (#BFCD7C): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#8F5D8C): A full-bodied, balanced pink — the color of neon signs at night.
• Charcoal (#463C5C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#231F2C): 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 Grove 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

• Aged Dune color palette (#FEF2F2, #FBE3B1, #966482, #4F2A41, #1C090A)
• Ash Harbor color palette (#FEF2F3, #AEE4C6, #B57FB4, #7C527B, #2F1B1F)
• Muted Lagoon color palette (#F5F3FF, #86BE99, #683F6F, #2F2945, #211622)
• Faded Lantern color palette (#FFF0FB, #D6BB00, #B43727, #60261D, #251421)
• Wandering Atelier color palette (#F9F3F9, #E6D7D8, #BACEC7, #A085A2, #4B464B)
• Mulberry Veranda color palette (#F0DBFF, #B5B100, #A20865, #550634, #16081F)
• Tempered Drift color palette (#F7F3FC, #F6A8D4, #B78600, #AD658F, #1B281D)
• Hushed Blush color palette (#E3FDEC, #F68D9E, #A97C4A, #316A8C, #4B3545)

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