Tempered Mustard color palette — #FFF4DE · #DFBD00 · #8E8A00 · #4C5300 · #0E1800
A conversation between Saffron and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Saffron (#DFBD00): A luminous, vivid green — the color of new leaves after rain.
- Olive Leaf (#8E8A00): A luminous, balanced green — the color of new leaves after rain.
- Deep Olive (#4C5300): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#0E1800): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Powdered Studio color palette (#FFF9B5, #BECB47, #688D00, #2B5000, #011F02)
- Marigold Market color palette (#FFF2EB, #FEA547, #A86E00, #584100, #201900)
- Linen Summit color palette (#DCFFEB, #C6A900, #6B7C00, #00524E, #1B1900)
- Gentle Amber Atelier color palette (#FFE5D8, #C88700, #645D00, #233D00, #001708)
- Worn Marigold Dune color palette (#FFE9E0, #F4A30D, #AB9400, #4D8000, #003517)
- Linen Chartreuse color palette (#E3FFD5, #62E273, #009A58, #00563E, #001D17)
- Antique Boulevard color palette (#EEEFD5, #6A7D00, #2E4700, #031400, #000200)
- Frosted Summit color palette (#EDFFAE, #B6DD89, #45B332, #00752D, #002E1A)
Browse the whole catalog at Explore, or see today's palette.