Tempered Mustard color palette — #FFDDB5 · #E3AE3A · #A78700 · #645D00 · #343800
Gold and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#FFDDB5): A whisper-light, dusty gold — the color of honey in a jar.
- Gold (#E3AE3A): A luminous, balanced gold — the color of afternoon light on wheat.
- Mustard (#A78700): A luminous, balanced green — the color of fresh herbs.
- Olive (#645D00): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#343800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Washed Orchard color palette (#E8E4D4, #BFB866, #7F8820, #496400, #143800)
- Hazy Amber color palette (#FFF3E6, #FFD28A, #BC9700, #695C00, #2C2C00)
- Tempered Amber Meadow color palette (#FFE3D9, #FDA268, #C46F00, #865600, #483300)
- Frosted Marigold Study color palette (#E1FEEB, #CEA036, #888100, #006A5A, #423400)
- Tempered Amber Thicket color palette (#FFDAD3, #E08616, #8E6E00, #474B00, #004611)
- Dusty Bronze color palette (#D2E6D7, #A68000, #4D4614, #322400, #071608)
- Weathered Pine Lantern color palette (#F3FCC4, #B2CA92, #74A35E, #098032, #004728)
- Antique Emerald color palette (#DEF599, #94C46E, #27A12B, #006D3A, #00442C)
Browse the whole catalog at Explore, or see today's palette.