Mustard Field color palette — #FFF1F6 · #C5A5F7 · #BAB12D · #8962BD · #45423B

Built around Gold, softened by Amethyst — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C5A5F7): A luminous, balanced violet — the color of a velvet chair.
• Gold (#BAB12D): A luminous, balanced green — the color of new leaves after rain.
• Amethyst (#8962BD): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#45423B): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Dusty Mustard color palette (#FFF0FD, #95B6FE, #ACAA40, #5B7DCB, #44423B)
• Worn Clover color palette (#FFF1F2, #DF9FD2, #7DC261, #A9559B, #42433C)
• Iris Drift color palette (#F3F4FF, #D9CBFF, #C1BF75, #9278CC, #3C3A0A)
• Chalky Parlor color palette (#F2F5FF, #A391E1, #899135, #69589B, #244B3D)
• Dusty Jade Atelier color palette (#FFF0F9, #989CE8, #5BAF59, #00967B, #472F3F)
• Soft Apricot Basin color palette (#FFF1F6, #D4BFFF, #FEA288, #A98EDA, #613428)
• Weathered Turquoise color palette (#FFF0F7, #E5D7D2, #D5C192, #68A1C3, #5A4149)
• Timeworn Grove color palette (#D4E9E6, #BFDA27, #C3AFFF, #583B49, #332B2E)

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