Muted Mustard color palette — #FFF2EB · #BCB733 · #3E978B · #74577C · #3D3E37

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Gold (#BCB733): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#3E978B): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#74577C): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#3D3E37): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Muted Mustard 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 Market color palette (#FFF3E8, #E1A359, #5C9760, #645C86, #403D36)
• Ancient Coast color palette (#FCF4E9, #C2CB8B, #689E72, #76716A, #44423B)
• Hushed Summit color palette (#FFF0F8, #D4CF91, #50A57F, #904377, #143930)
• Weathered Dune color palette (#FFF2EF, #6AC890, #3D90B7, #88505D, #32432D)
• Powdered Mustard color palette (#FCF5E4, #BAA600, #5E7EC5, #7E496C, #502843)
• Washed Courtyard color palette (#DFFEF0, #83A369, #367A4F, #12566C, #1A4540)
• Tempered Chartreuse color palette (#F7F7E4, #E4DEBD, #9ADE7D, #59AEC9, #3A3D36)
• Dusty Harbor color palette (#FFDADB, #79AB00, #007E87, #880067, #00321A)

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