Menu

Beta
Sign in
Pearl Aurora SVG background, gradient

Pearl Aurora SVG background, gradient

Pale blue and lavender light flows over ivory, leaving a calm central area for a heading. Use it for a beauty brand website banner or a wedding presentation.

Free · from Aurora Gradient Backgrounds

Similar SVGs

More from Aurora Gradient Backgrounds

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6YBU7mjLTviT/amnt.svg" alt="Pearl Aurora" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 576" width="1024" height="576"><g id="layer-1" data-name="Group 1"><g><defs><clipPath id="k0_0"><path d="M0 0H1024V576H0Z"/></clipPath><linearGradient id="k0_1" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#f3f2f2"/><stop offset=".46" stop-color="#fcfaf3"/><stop offset="1" stop-color="#f4f2ef"/></linearGradient><linearGradient id="k0_2" x1="360" y1="-94" x2="458" y2="148" gradientUnits="userSpaceOnUse"><stop stop-color="#cdcbe7" stop-opacity=".53"/><stop offset=".53" stop-color="#e2e4f2" stop-opacity=".42"/><stop offset="1" stop-color="#faf9f5" stop-opacity="0"/></linearGradient><linearGradient id="k0_3" x1="58" y1="-40" x2="254" y2="431" gradientUnits="userSpaceOnUse"><stop stop-color="#b4cde8" stop-opacity=".35"/><stop offset=".42" stop-color="#b9d6ec" stop-opacity=".82"/><stop offset=".69" stop-color="#e2edf6" stop-opacity=".92"/><stop offset="1" stop-color="#cdd9ee" stop-opacity="0"/></linearGradient><filter id="k0_4" x="-30%" y="-30%" width="160%" height="160%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="17"/></filter><linearGradient id="k0_5" x1="50" y1="79" x2="237" y2="345" gradientUnits="userSpaceOnUse"><stop stop-color="#e8f4fa" stop-opacity=".25"/><stop offset=".48" stop-color="#f6fcff" stop-opacity=".97"/><stop offset="1" stop-color="#edf4fb" stop-opacity="0"/></linearGradient><filter id="k0_6" x="-20%" y="-20%" width="140%" height="140%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="3"/></filter><linearGradient id="k0_7" x1="1067" y1="559" x2="788" y2="70" gradientUnits="userSpaceOnUse"><stop stop-color="#c5bcdf" stop-opacity=".49"/><stop offset=".4" stop-color="#d0c7e7" stop-opacity=".77"/><stop offset=".68" stop-color="#e6e2f4" stop-opacity=".88"/><stop offset="1" stop-color="#deddee" stop-opacity="0"/></linearGradient><linearGradient id="k0_8" x1="887" y1="461" x2="824" y2="129" gradientUnits="userSpaceOnUse"><stop stop-color="#f7f3ff" stop-opacity=".12"/><stop offset=".51" stop-color="#fffaff" stop-opacity=".95"/><stop offset="1" stop-color="#faf6ff" stop-opacity="0"/></linearGradient><linearGradient id="k0_9" x1="588" y1="644" x2="516" y2="422" gradientUnits="userSpaceOnUse"><stop stop-color="#bad7e7" stop-opacity=".52"/><stop offset=".64" stop-color="#e0eaf0" stop-opacity=".36"/><stop offset="1" stop-color="#f8f7f2" stop-opacity="0"/></linearGradient><radialGradient id="k0_10"><stop stop-color="#fffdf6"/><stop offset=".62" stop-color="#fffdf6" stop-opacity=".94"/><stop offset="1" stop-color="#fffdf6" stop-opacity="0"/></radialGradient></defs><g clip-path="url(#k0_0)"><path fill="url(#k0_1)" d="M0 0H1024V576H0Z"/><path fill="url(#k0_2)" d="M-50-50H1090V43C862 132 695 15 496 57C270 105 144 160-50 68Z"/><path fill="url(#k0_3)" filter="url(#k0_4)" d="M-89-81H249C326 35 189 101 150 178C88 299 184 392 332 457C103 454-60 328-89 221Z"/><path fill="url(#k0_3)" d="M-65-51H165C329 39 200 125 152 193C69 311 179 405 309 461C146 418 39 330 68 225C96 123 238 74 132 7C79-27 8-28-65-21Z"/><path fill="url(#k0_5)" filter="url(#k0_6)" d="M146-29C299 42 185 124 142 193C76 300 140 375 250 434C114 377 65 298 113 203C155 119 276 58 146-29Z"/><path fill="url(#k0_7)" filter="url(#k0_4)" d="M1078 60C886 111 775 199 813 307C848 405 1023 415 940 623H1131Z"/><path fill="url(#k0_7)" d="M1071 63C926 106 810 172 803 251C791 356 971 382 970 491C970 551 931 586 897 615H1069C1111 478 995 414 914 352C806 270 846 183 1071 107Z"/><path fill="url(#k0_8)" filter="url(#k0_6)" d="M1064 96C899 153 811 206 837 284C863 363 1004 398 1002 499C1001 548 975 592 945 620C967 579 983 542 978 499C967 402 832 366 815 286C795 196 904 135 1064 96Z"/><path fill="url(#k0_9)" d="M-40 528C153 604 269 463 455 484C652 507 817 604 1063 490V617H-40Z"/><ellipse cx="503" cy="283" rx="351" ry="237" fill="url(#k0_10)"/></g></g></g></svg>
CSS background-image
.pearl-aurora {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6YBU7mjLTviT/amnt.svg");
  background-size: contain;
}
React
import PearlAuroraSvg from "./pearl-aurora.jsx"; // from the React tab above

<PearlAuroraSvg width={48} height={48} />

Tags

aurorapearlbluelavenderbackground

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Pearl aurora background — pale blue and lavender light on ivory; quiet centre. Premium abstract aurora website background. Broad luminous flowing ribbons and layered smooth colour gradients with elegant depth. Restrained composition, generous quiet space for a headline, full bleed opaque colour to all edges. No objects, stars, text, frames, logos or mockups. Crisp scalable vector shapes, smooth transitions, refined visual balance. Each design must follow its named palette and composition. as part of the pack Aurora Gradient Backgrounds. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings