Tempered Mustard color palette — #F9F5EB · #C2B754 · #009679 · #7E7400 · #111C08
A conversation between Gold and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5EB): bright and airy, almost weightless.
- Gold (#C2B754): A luminous, balanced green — the color of fresh herbs.
- Fern (#009679): A full-bodied, balanced teal — the color of sea glass.
- Walnut (#7E7400): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#111C08): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Emerald Orchard color palette (#FCF4EB, #EAA447, #009A50, #9C6400, #161B07)
- Antique Olive color palette (#F5F6EC, #8DC86A, #009394, #438500, #0D1D0E)
- Olive Boulevard color palette (#EAFAF2, #D1D781, #599D55, #787D00, #000706)
- Softworn Jade color palette (#FDECD1, #87B15E, #008C6E, #604488, #30312A)
- Amber Terrace color palette (#EDF8F0, #E7C76A, #2EB5C9, #B59104, #011C26)
- Olive Market color palette (#F6F5EF, #D1DED1, #B0C5B7, #738A42, #3C3B34)
- Muted Emerald color palette (#E1ECAE, #89BF67, #009A58, #006756, #003B3B)
- Muted Azure Lantern color palette (#F4F6EF, #A8E1BE, #3EA6DF, #48A072, #23322C)
Browse the whole catalog at Explore, or see today's palette.