Purple Gradient Palettes

Purple gradients carry a suggestion of evening, which makes them the most atmospheric ramps in the library. They range from a pale lilac into a soft mauve, which reads as calm and almost floral, to a saturated violet into a deep indigo, which reads as night and is why so many technology brands settle here. The family is also the one most affected by small differences: two purples a few steps apart can look identical on one screen and clearly different on another.

Each gradient below lists its stops and the exact CSS, so the ramp can be reused without that drift. Every entry links to a page with its angle, its values and the palettes whose colors match it.

Purple ramps are the most sensitive to display differences, so a gradient that looks smooth on one monitor can band visibly on another. The short ramps here survive that better than the long ones, since fewer intermediate values have to be invented by the screen. Used behind content, the darker purple ramps read as evening and stay quiet; the lighter ones need a dark text color and a generous margin to look deliberate.