Mustard Field color palette — #FFF3E4 · #FFCFA9 · #FDB33B · #C0AC00 · #2F2200

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Peach Cream (#FFCFA9): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#FDB33B): A luminous, balanced gold — the color of afternoon light on wheat.
• Gold (#C0AC00): A luminous, balanced green — the color of a quiet forest floor.
• Onyx (#2F2200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, 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

• Marigold Courtyard color palette (#FFF0F8, #FFCCC3, #E6BE78, #ED9F03, #3C1B00)
• Quiet Emerald Terrace color palette (#FFF4E0, #FFB1A7, #E69A00, #00B149, #342A00)
• Mustard Studio color palette (#E6E3D4, #BEB000, #969A00, #697800, #2B3C00)
• Frosted Bloom color palette (#F9FABE, #FED860, #CCD100, #6CCB00, #232800)
• Amber Pier color palette (#F4E5C4, #B58B00, #635A1A, #423207, #010A02)
• Mustard Veranda color palette (#E9E2C1, #C0C945, #82AE56, #158787, #004752)
• Worn Lime Balcony color palette (#CEF6E5, #AAD15B, #6FAA4A, #9F7125, #263404)
• Pine Terrace color palette (#FFECF3, #FF9CA5, #CD8300, #00842C, #171100)

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