Tempered Mustard color palette — #FFF4E2 · #F4B20D · #799200 · #0059A0 · #302700
A conversation between Saffron and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Saffron (#F4B20D): A luminous, vivid gold — the color of old brass.
- Olive Leaf (#799200): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#0059A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#302700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.
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
- Wandering Emerald Alley color palette (#FFF4E2, #C4BA5E, #3A9438, #3E4B8B, #282100)
- Timeworn Boulevard color palette (#FFF4E2, #FFA676, #A48100, #006378, #3C2000)
- Weathered Moss color palette (#FFF3E6, #FFAB5A, #6BB253, #6F70BC, #38352F)
- Timeworn Navy color palette (#FFF4E2, #C39E00, #497B00, #053591, #141300)
- Chartreuse Station color palette (#FFF4E2, #BAD981, #44A781, #665A8B, #32322B)
- Nightshade Archive color palette (#FFF4E0, #D7A700, #009286, #4837AF, #46000D)
- Worn Lime color palette (#FFF4E2, #96D62E, #009D79, #6739A7, #113012)
- Amber Garden color palette (#DCFFE9, #A78900, #5E6700, #00514B, #3D3600)
Browse the whole catalog at Explore, or see today's palette.