Mustard Field color palette — #F3F4FF · #D3BFFF · #DABB57 · #A690D5 · #4E4118

A conversation between Honey and Wisteria, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#D3BFFF): A whisper-light, balanced violet — the color of a velvet chair.
• Honey (#DABB57): A luminous, balanced green — the color of a quiet forest floor.
• Wisteria (#A690D5): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#4E4118): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged light.

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

• Mallow Basin color palette (#F6F3FF, #FCABF9, #A9CB79, #C683C4, #394920)
• Patina Mustard Meadow color palette (#EEF6FF, #A4D0FF, #E6B462, #6CA3DB, #2C4B30)
• Wandering Mustard color palette (#FFF0F8, #B1ACFF, #ADAA3F, #7B75C2, #44423B)
• Dusty Iris Garden color palette (#F2F5FF, #D1CEFF, #F0A49D, #877BD4, #572925)
• Sand Orchard color palette (#FFF1F5, #DED291, #CBA478, #9C7D93, #2D423C)
• Tempered Powder Summit color palette (#F0F5FF, #EBD9E1, #B7BDAB, #8EBED6, #4C4B60)
• Dusty Lapis color palette (#FDECF5, #A19ADA, #9E8E37, #654EB9, #2E2700)
• Muted Grove color palette (#E9DEFF, #D3BAFF, #60C402, #903CE8, #163700)

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