Free purple gradients
Purple gradient backgrounds
Violet meshes, soft lavender, deep midnight purple and purple-to-blue blends, each with its hex codes. Download any one as a free 4K PNG, copy a CSS version, or open it in Gradient Lab to change the colors and animate it.
17 gradients (6 dark, 5 light or pastel) · 3840x2160 PNG · free for commercial use · no sign-up
Purple gradient backgrounds to download
Why purple works as a gradient
Purple sits between the calm of blue and the heat of red, so a purple gradient can lean either way: toward blue it reads cool, digital and night-time; toward pink and magenta it turns warm and playful. That range is why it shows up so often behind music, gaming, beauty and tech brands. For centuries purple dye was rare and costly (Tyrian purple came from sea snails), and it still carries a hint of luxury and imagination.
Purple also gradients well on screens. Its neighbours, blue and magenta, are both vivid on displays, so a violet that drifts into indigo or orchid stays rich instead of going muddy. The darker blends here (Midnight Violet, Amethyst Smoke, Violet Eclipse) make strong dark-mode and desktop backgrounds; the pastels (Lavender Haze, Lilac Satin, Violet Pearl) suit soft, airy layouts and phone wallpapers.
Colors that go with a purple gradient
Purple mixes best with its neighbours on the color wheel, and a single warm accent keeps it lively.
- Purple and blue. The most searched pairing. Indigo and Lilac runs from deep indigo through violet into lilac; it feels like a night sky and keeps white text readable on the dark side.
- Purple and pink. Grape Plasma and Grainy Purple warm violet up with orchid and rose. Good for beauty, music and creator brands that want energy without going neon.
- Purple and grey. Purple Grey mutes violet with slate and soft grey for a quiet, grown-up background that works behind product shots and presentations.
- Purple and black. Midnight Violet and Violet Eclipse sink purple into near-black. Use them for dark mode, gaming setups and cinematic title cards.
- A warm accent. On any purple background, a small amount of peach, coral or gold (buttons, a logo, a headline) stands out without clashing.
Purple gradient hex codes
The color stops of every gradient on this page, darkest or first stop on the left. Use them in Figma, Canva or your CSS, or click a swatch on any card to copy one.
| Gradient | Look | Preview | Hex codes |
|---|---|---|---|
| Violet Mesh | Mesh, vivid | #1a0536 #4c1d95 #7c3aed #c084fc #f0abfc | |
| Lavender Haze | Soft, pastel | #f5f0ff #ddd0ff #c4b5fd #e9d5ff #fbcfe8 | |
| Midnight Violet | Soft, dark | #05010d #12052b #2e1065 #6d28d9 #0b0418 | |
| Ultraviolet Aurora | Aurora, dark | #03010a #1e0a4a #5b21b6 #a855f7 #e9d5ff | |
| Amethyst Smoke | Smoke, dark | #050208 #1d0b33 #4c1d95 #9f67ff #ead9ff | |
| Grape Plasma | Plasma, vivid | #1e0638 #5b1aa8 #8b5cf6 #d946ef #fbcfe8 | |
| Orchid Aura | Aura, light | #3b1a6e #7e4fd6 #b794f6 #e7c6ff #fff1fb | |
| Plum Bloom | Bloom, dark | #e9d5ff #a78bfa #6d28d9 #2e1065 #0a0316 | |
| Violet Silk | Drape, vivid | #1f0a3d #4c1d95 #8b5cf6 #c4b5fd #f3e8ff | |
| Indigo and Lilac | Duo, vivid | #1e1b4b #4338ca #7c3aed #c084fc #f5d0fe | |
| Lilac Satin | Sheen, pastel | #2e2357 #5b4b9a #9a8ad6 #cfc3f5 #a594e0 | |
| Fluted Violet | Glass, vivid | #160530 #5b21b6 #a78bfa #f0abfc #2e1065 | |
| Violet Eclipse | Eclipse, dark | #010103 #7c3aed #f5e8ff #c4b5fd #4c1d95 | |
| Violet Bokeh | Bokeh, dark | #030109 #120726 #8b5cf6 #c4b5fd #e879f9 #f3e8ff | |
| Grainy Purple | Mesh, vivid | #2a0a52 #6d28d9 #a855f7 #f472b6 #3b0764 | |
| Violet Pearl | Iridescent, light | #ede9fe #c4b5fd #a78bfa #f0abfc #ddd6fe | |
| Purple Grey | Soft, light | #2b2838 #4b4566 #7a6fa3 #a9a3bf #d9d6e3 |
Using a purple gradient background
White text reads well on the mid and dark purples. On the pastels (Lavender Haze, Lilac Satin, Violet Pearl) switch to a deep plum or near-black for text; aim for the WCAG contrast ratio of 4.5:1 for body copy. If a headline sits over a busy area, place it on the darker half of the gradient rather than adding a box.
The 4K PNG fills a 4K or 1440p monitor, a slide or a website hero without scaling up. For a phone, open the gradient in Gradient Lab, pick the Phone size and export (free up to 1,920 px tall), or crop the PNG to your screen.
Every gradient here is made with Gradient Lab, our free gradient editor. Open in Gradient Lab loads the exact gradient so you can recolor it, change the shape and grain, and export a still or an MP4 loop. For more styles in every color, browse all free gradient wallpapers, or see the handcrafted Gradient BGs collection.
More gradient colors
Explore more: aesthetic wallpapers, moving backgrounds, free gradient wallpapers, gradient backgrounds, cool backgrounds, free aesthetic backgrounds.
FAQs
Purple gradient FAQ
Yes. Each one downloads free as a 3840x2160 (4K) PNG straight from this page. There is no sign-up and no watermark.
Yes. Every purple gradient on this page is free for personal and commercial use: websites, apps, ads, client work, social posts, slides, video and print. No attribution is needed. The one thing you can't do is resell or redistribute the files as they are, for example as a wallpaper pack.
Every gradient lists its color stops under the preview and in the hex code table on this page. For example, Violet Mesh runs #1a0536, #4c1d95, #7c3aed, #c084fc and #f0abfc. Click a swatch to copy its hex code.
Click Copy CSS on any gradient. You get a background-color plus layered radial-gradient and linear-gradient values built from its real color stops, ready to paste into a stylesheet. It is a close approximation; the PNG keeps the shader's soft shapes and grain.
Start from a deep indigo such as #1e1b4b, move through royal blue (#4338ca) and violet (#7c3aed) and finish on a light lilac like #c084fc or #f5d0fe. That is the palette of Indigo and Lilac on this page.
Yes. Midnight Violet, Amethyst Smoke, Ultraviolet Aurora, Violet Eclipse and Violet Bokeh all sit on near-black with purple light, which suits dark mode, desktops and gaming setups.
Lavender Haze, Lilac Satin, Orchid Aura, Purple Grey and Violet Pearl are light and soft. They work behind dark text, on light-mode sites and as calm phone wallpapers.
Yes. The 4K PNG fits desktop and laptop screens. For a phone, open the gradient in Gradient Lab, choose the Phone size and export a vertical PNG (free up to 1,920 px), then set it as your wallpaper.
Download the PNG, then upload it to Canva and set it as the page background, or in PowerPoint and Google Slides use Format background and insert the image. A 16:9 slide matches the 3840x2160 PNG exactly.
Yes. Open in Gradient Lab loads the exact gradient in the free editor, where you can change every color, the shape, grain and motion, then export a PNG or an MP4 or WebM video. Free exports go up to 1,920 px.
Purple tends to read as creative, imaginative and a little premium. Bluer purples feel calm and techy; pinker purples feel playful and expressive. Pair it with one warm accent so it doesn't feel heavy.
These purple gradients are free, made with Gradient Lab's shaders and downloadable here. Gradient BGs is a curated collection of handcrafted gradient backgrounds in the full library, unlocked with a one-time purchase.