Menu

Beta
Sign in
Coral Aurora SVG background, gradient

Coral Aurora SVG background, gradient

Peach and rose light ribbons stand out against burgundy, while the right half stays open for copy. This background works on a product page and a presentation cover.

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/c7UBBBVo-UwV/amnt.svg" alt="Coral 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="1024" y2="430" gradientUnits="userSpaceOnUse"><stop stop-color="#431827"/><stop offset=".48" stop-color="#2b101f"/><stop offset="1" stop-color="#200d19"/></linearGradient><radialGradient id="k0_2" cx="0" cy="0" r="1" gradientTransform="translate(205 222) rotate(30) scale(414 359)" gradientUnits="userSpaceOnUse"><stop stop-color="#ce5869" stop-opacity=".32"/><stop offset=".55" stop-color="#8e334f" stop-opacity=".18"/><stop offset="1" stop-color="#632139" stop-opacity="0"/></radialGradient><filter id="k0_3" x="-40%" y="-40%" width="180%" height="180%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="33"/></filter><linearGradient id="k0_4" x1="420" y1="75" x2="194" y2="315" gradientUnits="userSpaceOnUse"><stop stop-color="#743044" stop-opacity="0"/><stop offset=".36" stop-color="#b54d63" stop-opacity=".26"/><stop offset=".73" stop-color="#f48b8d" stop-opacity=".73"/><stop offset=".91" stop-color="#ffd0ac" stop-opacity=".92"/><stop offset="1" stop-color="#f49491" stop-opacity=".22"/></linearGradient><filter id="k0_5" x="-25%" y="-25%" width="150%" height="150%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="5"/></filter><linearGradient id="k0_6" x1="215" y1="-30" x2="312" y2="392" gradientUnits="userSpaceOnUse"><stop stop-color="#ffbaa0" stop-opacity=".16"/><stop offset=".39" stop-color="#ffd6b7" stop-opacity=".87"/><stop offset=".7" stop-color="#ffaaa0" stop-opacity=".55"/><stop offset="1" stop-color="#e97089" stop-opacity="0"/></linearGradient><linearGradient id="k0_7" x1="0" y1="100" x2="286" y2="454" gradientUnits="userSpaceOnUse"><stop stop-color="#ed8290" stop-opacity=".06"/><stop offset=".5" stop-color="#ee8293" stop-opacity=".21"/><stop offset="1" stop-color="#883655" stop-opacity="0"/></linearGradient><linearGradient id="k0_8" x1="11" y1="151" x2="295" y2="449" gradientUnits="userSpaceOnUse"><stop stop-color="#ffd0b0" stop-opacity=".66"/><stop offset=".37" stop-color="#f58ba4" stop-opacity=".6"/><stop offset=".71" stop-color="#c64c79" stop-opacity=".32"/><stop offset="1" stop-color="#702747" stop-opacity="0"/></linearGradient><linearGradient id="k0_9" x1="315" y1="288" x2="851" y2="288" gradientUnits="userSpaceOnUse"><stop stop-color="#240e1c" stop-opacity="0"/><stop offset=".65" stop-color="#240e1c" stop-opacity=".68"/><stop offset="1" stop-color="#240e1c"/></linearGradient></defs><g clip-path="url(#k0_0)"><path fill="url(#k0_1)" d="M0 0H1024V576H0Z"/><path fill="url(#k0_2)" d="M0 0H1024V576H0Z"/><path d="M243-76C142 69 372 145 337 270C305 380 81 353-72 214" fill="none" stroke="#ff9a91" stroke-opacity=".19" stroke-width="102" filter="url(#k0_3)"/><path d="M-62 143C58 245 222 298 219 397C217 474 102 539-79 609" fill="none" stroke="#ed6b9d" stroke-opacity=".14" stroke-width="99" filter="url(#k0_3)"/><path d="M157-72H441C303 50 407 130 416 225C431 358 275 448 73 366L-78 278V190C86 306 267 371 307 290C357 188 100 93 157-72Z" fill="url(#k0_4)" filter="url(#k0_5)"/><path d="M197-51C126 52 239 139 290 207C350 286 322 340 224 359C331 368 379 313 341 240C300 162 161 62 232-51Z" fill="url(#k0_6)"/><path d="M207-44C147 54 257 145 301 210C348 280 323 326 268 347C335 333 356 281 322 220C278 142 169 57 207-44Z" fill="url(#k0_6)" filter="url(#k0_5)"/><path d="M45-60C-35 72 23 166 149 246C275 326 310 395 225 472C169 523 73 555-56 623H-131V-60Z" fill="url(#k0_7)"/><path d="M-52 92C-21 191 99 240 180 302C281 379 256 448 137 498C72 526-16 547-76 592C70 563 177 536 233 482C312 406 266 331 165 260C61 187 1 131-6 57Z" fill="url(#k0_8)" filter="url(#k0_5)"/><path d="M-19 149C29 235 143 274 201 338C262 405 214 457 132 486C228 466 267 410 223 345C166 263 39 222-19 149Z" fill="url(#k0_8)" opacity=".48"/><path fill="url(#k0_9)" d="M0 0H1024V576H0Z"/></g></g></g></svg>
CSS background-image
.coral-aurora {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/c7UBBBVo-UwV/amnt.svg");
  background-size: contain;
}
React
import CoralAuroraSvg from "./coral-aurora.jsx"; // from the React tab above

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

Tags

auroracoralpeachrosebackground

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Coral aurora background — peach and rose flowing light on burgundy; quiet right half. 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