Tempered Mustard Garden color palette — #E7D7F6 · #FFB39F · #CFAE2A · #967CBE · #341E36

Gold and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#E7D7F6): A whisper-light, dusty violet — the color of wild irises.
• Melon (#FFB39F): A whisper-light, balanced orange — the color of sun-warmed clay.
• Gold (#CFAE2A): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#967CBE): A luminous, balanced violet — the color of a velvet chair.
• Deep Indigo (#341E36): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged pastel, light.

Use it as a design system

One click turns Tempered Mustard Garden 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

• Softworn Cobalt Chapel color palette (#E8E3FD, #FFB0C0, #E5A961, #627EC7, #271835)
• Mustard Delta color palette (#FFD2DB, #FFBF98, #B7C170, #A46DA5, #3B170C)
• Hushed Moss color palette (#E8D9EB, #FCAA6D, #96AF3A, #9A66A1, #23081F)
• Amber Lantern color palette (#FFD7CD, #FFA996, #DB8722, #914976, #361507)
• Mustard Lantern color palette (#FADACD, #C9AA32, #4EAC74, #904769, #1A0E00)
• Linen Chapel color palette (#FFF2F0, #FFDDB0, #B6E378, #D178AD, #5B2F1E)
• Frosted Lagoon color palette (#F2DEDC, #DA947B, #A67F00, #762784, #260007)
• Lime Terrace color palette (#F6DEF2, #ACAD00, #AE3A35, #5E2320, #060105)

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