Mustard Field color palette — #DEF2E2 · #D8C300 · #A9AAFF · #313C5D · #192034

A conversation between Saffron and Lavender, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DEF2E2): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#D8C300): A luminous, vivid green — the color of new leaves after rain.
• Lavender (#A9AAFF): A luminous, balanced violet — the color of twilight just after sunset.
• Navy (#313C5D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#192034): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Mustard Field 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

• Sky Lagoon color palette (#D2F5DF, #FFA979, #43C2FE, #04435E, #0C2333)
• Weathered Iris color palette (#E8E6C4, #4FDBFD, #8890E9, #2E3852, #151821)
• Washed Powder color palette (#D6FFDB, #FFDAAE, #CACAFF, #302E54, #190D15)
• Linen Cabin color palette (#F1DFCA, #FFAAB6, #E19FFF, #624570, #22212E)
• Hazy Market color palette (#F0EFDD, #00ECE1, #C37EE9, #462F53, #232137)
• Wandering Field color palette (#CBF255, #00F7EF, #E778E2, #453E57, #2B2833)
• Antique Seafoam color palette (#CCE9FF, #85F3B2, #FFAFCF, #574C5E, #38323C)
• Timeworn Peony color palette (#F6F4FB, #E4D5DB, #D3B7BB, #B567A2, #433C4E)

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