Muted Mustard color palette — #F9F2FC · #E3D7DF · #DFC07E · #B2B6AB · #4A3342

Sand and Charcoal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F9F2FC): a clean, paper-quiet neutral.
• Silver (#E3D7DF): bright and airy, almost weightless.
• Sand (#DFC07E): A luminous, balanced gold — the color of afternoon light on wheat.
• Ash (#B2B6AB): soft and architectural.
• Charcoal (#4A3342): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Weathered Corridor color palette (#FFF2EE, #E3D2CC, #EFB491, #ADB5A7, #6C2F12)
• Softworn Celadon Summit color palette (#FFF0F8, #E5D5D5, #C2E49D, #A8B5AC, #364938)
• Weathered Taupe color palette (#F7EEF8, #F5D0CC, #F1B499, #CE8A7A, #3C253B)
• Ancient Lime Archive color palette (#FFF0FD, #E8D3D9, #BDC400, #A8B6C3, #3C1F00)
• Dusty Stone color palette (#F3F4FF, #EAD8E0, #E3B5C4, #8697AA, #425060)
• Stone Summit color palette (#EEF8F1, #C0DDF3, #89BBA4, #84839A, #354C46)
• Dusty Apricot color palette (#F9F2FF, #EDD9CC, #E89468, #9C7141, #324E3E)
• Tempered Amber color palette (#FFF1F6, #EBE0B9, #7ADBFA, #CA8A4A, #2E4A5A)

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