Muted Mustard color palette — #FFF0FC · #E8D6D7 · #CDC599 · #BEA73A · #381B2C

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

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#E8D6D7): a clean, paper-quiet neutral.
• Pistachio (#CDC599): A luminous, dusty green — the color of new leaves after rain.
• Gold (#BEA73A): A luminous, balanced green — the color of new leaves after rain.
• Onyx (#381B2C): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Amber Villa color palette (#FCF1FF, #E4D5DD, #B4B1A0, #DF893A, #3E1615)
• Soft Mustard Archive color palette (#FFF0FB, #FDCBFE, #FFB8A7, #BABD51, #4A2500)
• Tempered Villa color palette (#FFF0F8, #E5D8D4, #ADC46F, #9CB5AD, #243B24)
• Dusty Straw Parlor color palette (#E3FDE9, #FFD56F, #DBD9CE, #7FB472, #072D1B)
• Muted Sand Lantern color palette (#FFF1F2, #FBBD94, #9E9966, #54687E, #314153)
• Amber Delta color palette (#FFF2EE, #FFAE77, #BD7D00, #7B5D00, #383300)
• Airy Azure Bloom color palette (#E4FDE6, #FFC254, #419DF0, #9B6C00, #052948)
• Pale Lantern color palette (#FFF2EC, #F3A0BA, #F37650, #AB7400, #4C1F07)

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