Mustard Field color palette — #FFF2EB · #FFD2E0 · #FFA270 · #BEA200 · #532E00

Gold and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Shell Pink (#FFD2E0): A whisper-light, dusty rose — the color of a warm blush.
• Melon (#FFA270): A luminous, balanced orange — the color of autumn markets.
• Gold (#BEA200): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#532E00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Softness. Tagged candy, vibrant, light, 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

• Feathered Moss color palette (#FFF3E7, #FFC7C5, #FFA74B, #7BA100, #402B00)
• Faded Basin color palette (#FFF2EE, #F3C3FF, #FFA4BA, #D28F00, #581F14)
• Dusty Marigold color palette (#F1DED6, #F69D3B, #B98300, #776900, #3D4500)
• Mustard Parlor color palette (#FFF5D7, #FFB56E, #B8B200, #00A277, #263000)
• Weathered Tangerine color palette (#FFF0F8, #FFBCB1, #FD7E35, #B17100, #542806)
• Mustard Chapel color palette (#FFF0FA, #E6D8D5, #98B8BA, #B3AF00, #3C1E00)
• Quiet Summit color palette (#ECDCC9, #FD8389, #D08F00, #2A9604, #1A1300)
• Antique Garden color palette (#FFE5F3, #EAB3AC, #AF9161, #3B75A8, #544178)

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