Essential cookies keep Huevex running. With your permission we also measure how the site is used. Nothing optional loads until you choose. Cookie Policy

Yellow Color Swatches

Yellow is the lightest hue the eye can name, which is also why it is the hardest to place. At full strength it behaves almost like white in a composition, lifting everything around it, and it loses contrast against pale backgrounds faster than any other family. The swatches here cover the whole span: butter and cream at the pale end, through the mustards and ochres that read as historic, down to the deep golds and olives where yellow begins to behave like a neutral.

Designers reach for this family when they need optimism without sweetness, or a warning without alarm. Ordered lightest to darkest, the list shows how far a single hue can travel before it stops reading as yellow at all. Names, hex codes and RGB values sit with each swatch.

Because yellow is so light, the swatches here are best read as values first and hues second: the top of the list will disappear against a white page, and the bottom will not. That makes the family easier to use as a light source than as a fill. Where a design needs a yellow that holds its ground, the golds and ochres lower down are the practical choice, and the pale entries near the top are best kept to large soft areas and gradients.

Previous pagePage 1 of 17

All 400 colors in this hub

Frequently Asked Questions

Why does yellow text disappear on white?
Yellow's luminance is close to white's, so the contrast ratio between them is very low; dark text on yellow works far better.
What is the difference between mustard and ochre?
Mustard leans green and is brighter; ochre is an earth pigment, browner and heavier, with more red in it.
Which neutral softens a bright yellow?
A warm gray or a soft taupe, rather than pure gray or black, which makes saturated yellow look harsher.

Back to the complete Huescape library