Purple covers the wheel between blue and magenta, roughly 260° to 300°. The CSS keyword purple is #800080 — considerably darker than the #7B2CBF that most palettes, including these, actually use. Copy the HEX codes from any scheme below, or generate a fresh harmonious purple palette anchored to your own base colour.
Royal Purple is the full ramp, #240046 up to #9D4EDD. Soft Purple reads that same range from the top, giving you the light tints #E0AAFF and #C77DFF the other sets lack. Deep Plum is the darkest of the three and the closest to a near-black, starting at #10002B.
#240046#3C096C#5A189A#7B2CBF#9D4EDD#E0AAFF#C77DFF#9D4EDD#7B2CBF#5A189A#10002B#240046#3C096C#5A189A#7B2CBFAnchored to a purple 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.
Purple is usually the most saturated colour in any palette it appears in, so it needs a neutral ground and one restrained partner — gray, cream or gold. Yellow is its complement, which is why a gold accent works and a second saturated hue rarely does. Its neighbours are indigo on the blue side and magenta on the red side. Creative, beauty and premium tech branding 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 Soft Purple row above is a second ready-made option — #E0AAFF, #5A189A and the three steps between them — if you would rather not generate at all. The generator itself rolls around #7B2CBF, the base purple 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: Indigo palette · Magenta palette · Royal Blue palette · all colours