Mustard Field color palette — #FDEBDD · #F4B314 · #BAA000 · #718C00 · #244C20

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

The five colors

• Cream (#FDEBDD): A whisper-light, dusty gold — the color of old brass.
• Saffron (#F4B314): A luminous, vivid gold — the color of honey in a jar.
• Mustard (#BAA000): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#718C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#244C20): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Hushed Loft color palette (#F3E9D2, #D2BB00, #8BA912, #558646, #00422D)
• Aged Moss Station color palette (#FFF2EC, #FFC774, #B19900, #5D7200, #003A1E)
• Amber Drift color palette (#FFD4CE, #FFA870, #DA8800, #9B7C00, #484400)
• Dusty Amber Alley color palette (#F0DBBF, #BF9600, #847200, #4C5100, #1E2800)
• Soft Chartreuse color palette (#D2F9E4, #B3D864, #B3A63F, #9A7947, #003F3B)
• Soft Chartreuse Market color palette (#E8FFC5, #B8E708, #9AB900, #708400, #202B00)
• Olive Pier color palette (#E8E3D3, #94A100, #3B8B00, #006D31, #002920)
• Washed Quarry color palette (#E7E4AC, #B8D76F, #72B96F, #569C7D, #154C55)

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