Muted Mustard color palette — #F4F4FF · #CDA6F0 · #C3AC52 · #58A17F · #313142
Gold and Lavender set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Lavender (#CDA6F0): A luminous, balanced violet — the color of a velvet chair.
- Gold (#C3AC52): A luminous, balanced green — the color of fresh herbs.
- Fern (#58A17F): A luminous, balanced teal — the color of shallow lagoons.
- Deep Teal (#313142): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged 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
- Washed Grove color palette (#F1F5FF, #A6B3FF, #E99850, #7C9C5A, #2A3346)
- Worn Mallow Dune color palette (#F8F2FF, #EEAAD5, #9FC38E, #5BA9A3, #403A48)
- Amber Atelier color palette (#F9F2FF, #F99CC9, #C89722, #00917A, #263856)
- Chalky Lilac color palette (#FFF1F7, #BD9EFF, #7AAE6D, #587E4E, #301F26)
- Timeworn Villa color palette (#FCE7F9, #FFA59D, #00A481, #008EC2, #331E30)
- Washed Bloom color palette (#F6F4FA, #E4D8DE, #C2AEAB, #CC99BE, #49464E)
- Hushed Fuchsia color palette (#E7DFFD, #FF7DF6, #709100, #008E75, #340A32)
- Dusty Coral Canyon color palette (#F5F4FB, #EBC5FC, #FD876D, #C285DD, #2C1F29)
Browse the whole catalog at Explore, or see today's palette.