Tempered Mustard color palette — #E3FDEE · #FFDE9F · #D0C100 · #709B00 · #0E0E00
A conversation between Saffron and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E3FDEE): A whisper-light, dusty teal — the color of shallow lagoons.
- Peach Cream (#FFDE9F): A whisper-light, balanced gold — the color of old brass.
- Saffron (#D0C100): A luminous, vivid green — the color of new leaves after rain.
- Olive Leaf (#709B00): A luminous, vivid green — the color of a quiet forest floor.
- Ink (#0E0E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Patina Emerald color palette (#E4FBF3, #FBED79, #B0CF00, #00AF2F, #0C1600)
- Tempered Moss color palette (#FBEDD0, #FF9469, #AA9B00, #008557, #0A0D00)
- Aged Lime color palette (#DCFEF3, #D8CE2F, #8FB600, #008E2A, #010200)
- Weathered Marigold Boulevard color palette (#FCEFD0, #E7A300, #A48D00, #627400, #292700)
- Olive Coast color palette (#E4F6B0, #92BD51, #4B8600, #175B00, #00290A)
- Feathered Mint Workshop color palette (#E6FAEB, #FFC8A8, #ECBD00, #00CE80, #252600)
- Pine Summit color palette (#E8FAF5, #9BC999, #1E8C50, #60500C, #011F02)
- Ember Meadow color palette (#E1FCF7, #7DBE67, #E76332, #2C7600, #300A00)
Browse the whole catalog at Explore, or see today's palette.