Tempered Mustard color palette — #F7F6E9 · #B7D07D · #C89FD8 · #849460 · #60444B

Built around Pistachio, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Pistachio (#B7D07D): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#C89FD8): A luminous, balanced pink — the color of a candy shop window.
• Moss (#849460): A luminous, dusty green — the color of new leaves after rain.
• Cocoa (#60444B): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

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

• Honey Station color palette (#FFF3E3, #EBBC6A, #92B1ED, #A48757, #5B4459)
• Antique Seafoam Lagoon color palette (#F0F8EA, #6ADCBE, #DB9DAE, #589B88, #614541)
• Patina Delta color palette (#F7F7E0, #9BBF73, #BE93C2, #AD7A8E, #43433C)
• Dusty Jade Station color palette (#F7F6E8, #C9DEAE, #F8B3A8, #94B662, #534B48)
• Antique Olive color palette (#E5FBF4, #A5B889, #C2887F, #657C3D, #60415A)
• Hushed Moss Workshop color palette (#ECF9F4, #B1EBF1, #E7BAEA, #8CA641, #573A59)
• Muted Cocoa color palette (#FFF3E9, #DFC7A4, #B69479, #896D64, #564600)
• Weathered Fern color palette (#F8F6E5, #B3E8E5, #BBB9C6, #BDA687, #4A5201)

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