freeegradients.

Go to playground

Prismatic light

Stepped light, luminous glass strips and refracted colour. Geometric rhythm with a soft finish.

All For light For dark

Lumen stair, Tidal violet colour palette

Lumen stair

lumen-stair-05

Lumen stair, Copper lagoon colour palette

Lumen stair

lumen-stair-06

Lumen stair, Mulberry ember colour palette

Lumen stair

lumen-stair-07

Lumen stair, Moss lantern colour palette

Lumen stair

lumen-stair-08

Lumen stair, Cobalt signal colour palette

Lumen stair

lumen-stair-09

Lumen stair, Tangerine flare colour palette

Lumen stair

lumen-stair-11

Lumen stair, Crimson pulse colour palette

Lumen stair

lumen-stair-13

Lumen stair, Citron lantern colour palette

Lumen stair

lumen-stair-15

$Refracted saddle, Tidal violet colour palette$

Refracted saddle

refracted-saddle-04

$Refracted saddle, Copper lagoon colour palette$

Refracted saddle

refracted-saddle-05

$Refracted saddle, Mulberry ember colour palette$

Refracted saddle

refracted-saddle-06

$Refracted saddle, Moss lantern colour palette$

Refracted saddle

refracted-saddle-07

$Refracted saddle, Cobalt signal colour palette$

Refracted saddle

refracted-saddle-09

$Refracted saddle, Tangerine flare colour palette$

Refracted saddle

refracted-saddle-11

$Refracted saddle, Crimson pulse colour palette$

Refracted saddle

refracted-saddle-13

$Refracted saddle, Citron lantern colour palette$

Refracted saddle

refracted-saddle-15

Spectral fanlight, Tidal violet colour palette

Spectral fanlight

spectral-fanlight-03

Spectral fanlight, Copper lagoon colour palette

Spectral fanlight

spectral-fanlight-04

Spectral fanlight, Mulberry ember colour palette

Spectral fanlight

spectral-fanlight-05

Spectral fanlight, Moss lantern colour palette

Spectral fanlight

spectral-fanlight-06

Spectral fanlight, Cobalt signal colour palette

Spectral fanlight

spectral-fanlight-09

Spectral fanlight, Tangerine flare colour palette

Spectral fanlight

spectral-fanlight-11

Spectral fanlight, Crimson pulse colour palette

Spectral fanlight

spectral-fanlight-13

Spectral fanlight, Citron lantern colour palette

Spectral fanlight

spectral-fanlight-15

Glass cascade, Tidal violet colour palette

Glass cascade

glass-cascade-02

Glass cascade, Copper lagoon colour palette

Glass cascade

glass-cascade-03

Glass cascade, Mulberry ember colour palette

Glass cascade

glass-cascade-04

Glass cascade, Moss lantern colour palette

Glass cascade

glass-cascade-05

Glass cascade, Cobalt signal colour palette

Glass cascade

glass-cascade-09

Glass cascade, Tangerine flare colour palette

Glass cascade

glass-cascade-11

Glass cascade, Crimson pulse colour palette

Glass cascade

glass-cascade-13

Glass cascade, Citron lantern colour palette

Glass cascade

glass-cascade-15

Lumen stair, Apricot porcelain colour palette

Lumen stair

lumen-stair-01

Lumen stair, Glacial lilac colour palette

Lumen stair

lumen-stair-02

Lumen stair, Pistachio rose colour palette

Lumen stair

lumen-stair-03

Lumen stair, Pearl tangerine colour palette

Lumen stair

lumen-stair-04

Lumen stair, Cobalt daylight colour palette

Lumen stair

lumen-stair-10

Lumen stair, Apricot sunlight colour palette

Lumen stair

lumen-stair-12

Lumen stair, Coral daylight colour palette

Lumen stair

lumen-stair-14

Lumen stair, Lemon daylight colour palette

Lumen stair

lumen-stair-16

$Refracted saddle, Glacial lilac colour palette$

Refracted saddle

refracted-saddle-01

$Refracted saddle, Pistachio rose colour palette$

Refracted saddle

refracted-saddle-02

$Refracted saddle, Pearl tangerine colour palette$

Refracted saddle

refracted-saddle-03

$Refracted saddle, Apricot porcelain colour palette$

Refracted saddle

refracted-saddle-08

$Refracted saddle, Cobalt daylight colour palette$

Refracted saddle

refracted-saddle-10

$Refracted saddle, Apricot sunlight colour palette$

Refracted saddle

refracted-saddle-12

$Refracted saddle, Coral daylight colour palette$

Refracted saddle

refracted-saddle-14

$Refracted saddle, Lemon daylight colour palette$

Refracted saddle

refracted-saddle-16

How to use prismatic light gradient backgrounds

Prismatic light gradients combine stepped light, luminous strips and refracted colour. These compositions bring geometric rhythm to covers and feature artwork.

Inspect detailed light edges at the intended output size instead of judging only the thumbnail.

Choose CSS for a website background or export PNG, JPG, SVG or WebP for your project. The exporter includes Full HD, 4K, square, story and phone presets, plus custom sizes. Some SVG designs contain raster artwork; output dimensions do not increase their source detail.