Mustard Field color palette — #ECF9F2 · #BCB338 · #4A7F2E · #686200 · #132925

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Gold (#BCB338): A luminous, balanced green — the color of new leaves after rain.
• Olive (#4A7F2E): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#686200): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#132925): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Wandering Mint color palette (#EAF9F6, #85C17A, #008172, #3C6E33, #11282C)
• Lagoon Quarry color palette (#EBF5EE, #C4B370, #008970, #766300, #011114)
• Ancient Villa color palette (#FFF1F6, #EE974C, #816E00, #894F18, #17291E)
• Quiet Moss Chapel color palette (#E2FCF0, #76A948, #337A4F, #08566E, #28433F)
• Worn Market color palette (#F9F5EA, #D2C58C, #5BA175, #967F00, #222617)
• Antique Olive Archive color palette (#E5FCF1, #7B8200, #006660, #6A362E, #233024)
• Soft Moss color palette (#D7FBF2, #67A200, #00644D, #315100, #00160F)
• Pale Bloom color palette (#E4FBF6, #CBE969, #97CC82, #509872, #0F4642)

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