Mustard Field color palette — #FDF2F7 · #C3BDF0 · #AFB965 · #8B83BE · #4F4D46

Sage and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Lavender (#C3BDF0): A whisper-light, dusty violet — the color of wild irises.
• Sage (#AFB965): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#8B83BE): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#4F4D46): a grounded near-black with real depth.

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

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

• Peony Garden color palette (#FFF1F2, #EAAED8, #7AC58F, #B870A4, #4C4E47)
• Dusty Lilac color palette (#FFF1F7, #B6A3E7, #A49B51, #77689D, #504D46)
• Softworn Hollow color palette (#F2F4FF, #D8CCFF, #D3C890, #AD9CDF, #2F5741)
• Apricot Balcony color palette (#E8FAF4, #91CCF9, #E99D65, #5093C4, #524C47)
• Hushed Ash Coast color palette (#FFF1F7, #E5D7D4, #9FB2A0, #98A6D1, #5C4A4F)
• Ancient Garden color palette (#FFF1F7, #B7A5E6, #D69462, #48A591, #513B45)
• Softworn Meadow color palette (#FCF2F3, #E4CFA4, #986C91, #664146, #332829)
• Worn Bronze color palette (#FEF3E5, #D9C9AA, #B1976E, #9B6833, #574600)

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