Mustard Field color palette — #FFF0F7 · #B4A334 · #713500 · #3F1B00 · #27131E

A conversation between Gold and Bronze, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Gold (#B4A334): A luminous, balanced green — the color of new leaves after rain.
• Bronze (#713500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3F1B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#27131E): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Feathered Moss Orchard color palette (#FEF0FF, #95AE42, #7C2335, #4D0218, #231425)
• Ancient Bronze Station color palette (#FFF1F6, #D9B66B, #9A5500, #592E00, #28131C)
• Weathered Amber Boulevard color palette (#E5FCED, #C79944, #574600, #2F2500, #002210)
• Wandering Amber color palette (#EAD9DE, #A68A17, #4E2D00, #231100, #150202)
• Worn Amber color palette (#FFF3E9, #E0D166, #D76C00, #804E2B, #281607)
• Sunlit Amber color palette (#FFF1F7, #E4873C, #007755, #824200, #002224)
• Linen Amber Workshop color palette (#FFF0F8, #B58100, #007342, #562F78, #393801)
• Twilit Bronze color palette (#E0F0E6, #9F7100, #2F2600, #0D0900, #000203)

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