Muted Mustard color palette — #F1F7F3 · #D3DBDB · #B4B2BF · #C4A951 · #3F4B43

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

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#D3DBDB): bright and airy, almost weightless.
• Ash (#B4B2BF): a calm mid-gray that lets other colors speak.
• Gold (#C4A951): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#3F4B43): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Patina Moss color palette (#EAF9F3, #C5DFE3, #A1C9D2, #96A200, #1B3A2F)
• Hushed Ash Chapel color palette (#DDFDFC, #BFE3E6, #9DBCC5, #7B96B8, #444F66)
• Wandering Teal color palette (#EFF7F8, #D1DBE2, #B3C3D3, #47B695, #2F3E3F)
• Washed Market color palette (#F5F1EA, #D7DCCC, #B9C2B0, #827543, #302C23)
• Tempered Lime Studio color palette (#D5EAE2, #A1B555, #537870, #305147, #111B16)
• Cerulean Quarry color palette (#E3FCEF, #C8CD91, #8DB275, #18929E, #22453A)
• Cobalt Pier color palette (#EAF9F8, #86D1A6, #3EB2BE, #3780C9, #3D2E5A)
• Hazy Lime Atelier color palette (#E6FBF2, #FFEDA7, #CFE26A, #8ED06C, #184539)

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