Mustard Summit color palette — #F2F5FF · #D1CEFF · #B3C573 · #8681BF · #353D11

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lilac Frost (#D1CEFF): A whisper-light, dusty violet — the color of wild irises.
• Pistachio (#B3C573): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#8681BF): A luminous, balanced violet — the color of wild irises.
• Deep Olive (#353D11): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Mustard Summit 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 Mint color palette (#F5F4FF, #EFC0FF, #79D19A, #A574B5, #18422A)
• Aged Cerulean Harbor color palette (#EDF6FF, #ACDAFF, #EBAC6D, #4491C7, #4F2C3A)
• Softworn Ridge color palette (#F2F5FF, #EED9E0, #B6B5AB, #96AFCD, #46455A)
• Pale Lapis Meadow color palette (#FCEDF6, #9B9DD7, #85974B, #5A54B6, #232C00)
• Hushed Pewter color palette (#F5F3FF, #DAF0A8, #8F639A, #393352, #0F0E18)
• Mallow Coast color palette (#F2F4FF, #C0ABFF, #AFB061, #879A63, #26293F)
• Washed Taupe color palette (#EAFBEA, #E8DEAB, #BB9762, #7F6070, #1F3730)
• Raspberry Boulevard color palette (#F9F2FF, #FFA8D4, #08D08D, #CA3A90, #003823)

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