Yellow is the brightest hue on screen: pure #FFFF00 has a WCAG relative luminance of 0.93, which gives it a contrast ratio of only 1.07:1 against white. That single fact governs how every yellow palette has to be built. Take the HEX codes from a scheme below, or build a custom yellow palette around any base colour with the generator.
Golden Yellow holds full saturation and near-constant lightness, 50%–52%, moving almost entirely in hue from 37° to 55° — which is why it reads as one colour. Soft Yellow is the tint ramp up to #FFFBE6. Warm Mustard is the only set with a dark end, #664D00, and therefore the only one you can set text on.
#FFEA00#FFD60A#FFC300#FFB700#FF9E00#FFFBE6#FFF3B0#FFE666#FFD93D#FFC300#664D00#997A00#CCAA00#FFD500#FFE666Anchored to a yellow 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.
Yellow always needs a dark partner, because it cannot carry text and cannot sit on white — charcoal, black or a deep navy are the usual choices, and purple is its direct complement. Food, energy, warning states and children’s brands use it. Gold and mustard are the same hue held darker.
: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 Soft Yellow row above is a second ready-made option — #FFFBE6, #FFC300 and the three steps between them — if you would rather not generate at all. The generator itself rolls around #FFC300, the base yellow for this page. Use Copy JSON for an array or Copy HEX for a comma-separated line if custom properties are not how your project stores colour.More palettes: Mustard palette · Gold palette · Orange palette · all colours