Color Family
High-energy illumination that doubles as warning states and playful highlights.
Yellow communicates luminosity and optimism. The 400-600 steps are bright enough for attention banners, while the 100-200 levels behave like real sunlight inside gradients.
In UX, avoid using Yellow for long bodies of text—it flickers on LCD displays. Instead, use it to underline, annotate, and spotlight critical data or steps in a How-To flow.
Drop-in hex codes with usage notes
Always pair Yellow with dark text or outline strokes. Yellow 600 on Slate 900 is AA compliant, while yellow text on white rarely passes accessibility.
Yes—Yellow 400-500 on Slate 950 backgrounds glows brilliantly. Just reduce saturation slightly to avoid haloing around text.