Mustard Field color palette — #ECD6EA · #B6C24B · #B7565A · #6D3537 · #120711

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

The five colors

• Thistle (#ECD6EA): A whisper-light, dusty pink — the color of peonies in June.
• Gold (#B6C24B): A luminous, balanced green — the color of new leaves after rain.
• Brick (#B7565A): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#6D3537): A full-bodied, dusty red — the color of a theater curtain.
• Ink (#120711): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Balance. Tagged luxury, dark.

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

• Pale Villa color palette (#E1DBEB, #94CC66, #A65A93, #5E3B55, #0E0816)
• Patina Sunflower color palette (#FCE7F6, #D2CE5E, #C36C59, #75493F, #1D121A)
• Dusty Mustard Orchard color palette (#FBE5F1, #BBA700, #A04C18, #5D2603, #080004)
• Mustard Loft color palette (#D3E3D5, #E5AF00, #9B7100, #5A4519, #030F05)
• Weathered Cocoa Lagoon color palette (#FFF0F9, #F0AB55, #893000, #2F0B00, #040002)
• Patina Study color palette (#FEE8DF, #9B8F38, #661A13, #2B0000, #050100)
• Amber Courtyard color palette (#D5EED6, #B99000, #765000, #382400, #000300)
• Weathered Amber Harbor color palette (#F6EBEF, #C3DFDD, #A8C2C9, #C0834A, #362A2F)

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