Mustard Field color palette — #D0EBF3 · #CCC800 · #ADA9FF · #303955 · #1C2134

Saffron and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D0EBF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Saffron (#CCC800): A luminous, vivid green — the color of a quiet forest floor.
• Lavender (#ADA9FF): A luminous, balanced violet — the color of a velvet chair.
• Navy (#303955): A deep, shadowed, dusty violet — the color of wild irises.
• Midnight (#1C2134): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Marigold Courtyard color palette (#D0F5F3, #FEAE38, #B5A5FF, #333955, #1B1E2C)
• Chartreuse Atelier color palette (#C5F1EE, #35F35C, #A87BEC, #452041, #1D1E2E)
• Tempered Wisteria Coast color palette (#D7E2D2, #93CEFF, #B978E9, #2F2E49, #1D1D2A)
• Fuchsia Chapel color palette (#7CFFAB, #C6D7FF, #E37AE7, #474355, #2B2A31)
• Ancient Seafoam color palette (#DDE9CE, #00EDD6, #BE8FE7, #694885, #28171D)
• Worn Mallow Garden color palette (#D6FAFF, #FFDBA6, #FFB3F0, #4C1E45, #180A0C)
• Lime Lantern color palette (#F5F3FF, #B7C70D, #914697, #4C2D4F, #1B1828)
• Powdered Station color palette (#D7FAE7, #CFA9FF, #E85387, #4A1D2B, #201423)

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