Mustard is a dark, slightly brown yellow. It shares a hue band with gold — most of the tones below sit between 42° and 48° — but it is held lower in lightness, so it reads earthy rather than metallic. Copy the HEX codes from any scheme below, or generate a harmonious mustard palette anchored to a base colour you pick.
Classic Mustard is fully saturated at the dark end (#664D00, #8B6B00, #B08900) and only softens at #D4A017 and #E9C46A. Mustard & Ochre swaps the darkest step for a true brown, #7F5539, which grounds the set. Soft Mustard is the pale version, running up to a near-cream #FBF0C4.
#664D00#8B6B00#B08900#D4A017#E9C46A#7F5539#B08900#CB9E2B#E9B949#F4D58D#B0820A#D4A017#E6C84E#F2DE8A#FBF0C4Anchored to a mustard base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Mustard is a retro colour and it keeps the company it had in the seventies: rust, brown, olive and cream. A deep teal or navy is the sharper option, cool enough to stop the set becoming one flat warm block. Boho interiors, autumn fashion, coffee packaging and vintage-styled brands use it.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The generator here starts anchored to #D4A017, so the first block you copy is a set of mustard variations rather than a random hue. Copy JSON returns the same five values as an array for a build step or a token file, and Copy HEX returns them as a plain comma-separated line. Lock any swatch you want to keep before generating again and it survives into the next export.More palettes: Gold palette · Yellow palette · Autumn palette · all colours