Tempered Mustard color palette — #F6F1EA · #DFBF7B · #3E928F · #8A6D2A · #111811

A conversation between Sand and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Sand (#DFBF7B): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#3E928F): A luminous, balanced teal — the color of sea glass.
• Walnut (#8A6D2A): A full-bodied, balanced gold — the color of old brass.
• Ink (#111811): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged duotone, 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

• Dusty Mustard Workshop color palette (#F4F2EA, #C8C978, #5486BB, #757630, #1B121C)
• Aged Lagoon Lagoon color palette (#F8F0EC, #F5AFA2, #529465, #9E5D51, #15170D)
• Driftwood Lantern color palette (#F0F7F2, #E3CFA0, #5DAAAD, #A2894C, #1D3138)
• Washed Garden color palette (#FFF0D8, #C0C77C, #61956E, #0E605E, #003242)
• Weathered Taupe color palette (#FFEEE6, #ABB363, #378782, #6B464D, #2C2E1C)
• Antique Coast color palette (#F7F1E4, #C1A700, #0071B0, #6A5B00, #000C08)
• Aged Moss color palette (#F5F2E5, #7B8E43, #5F6497, #4A4D75, #261513)
• Antique Mint Lagoon color palette (#EEF8F2, #B9F3D6, #74C19C, #A49C61, #142121)

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