Set the tone for every scroll

Website background gradients

Soft gradient backgrounds for websites, portfolios, and product pages. Browse 4K artwork, explore its colors, and customize the original on Mac.

Find your starting point

68 presets

Silver Current: Ink blue above a rising silver edge.

Silver Current

Chrome · Essentials

Meadow Light: Teal slopes opening into lime and pale yellow, finished with fine grain.

Meadow Light

Grainy mesh · Essentials

White Pressure: A sharply compressed white crest beneath a quiet black field.

White Pressure

Soft mesh · Essentials

Folded Light: A tilted silver fold rolls into a pale warm corner.

Folded Light

Chrome · Essentials

Blue Hour: Indigo waves rising into a luminous white edge.

Blue Hour

Soft mesh · Essentials

Paper Tide: Warm paper folds over a broad graphite shadow.

Paper Tide

Chrome · Essentials

Chrome Descent: A slender silver highlight descends across a dark field.

Chrome Descent

Chrome · Essentials

Pearl Hinge: Blue-gray shadows turn between pearl and blush fields.

Pearl Hinge

Soft mesh · Essentials

Carbon Veil: A deep graphite field opening into a soft white horizon.

Carbon Veil

Chrome · Essentials

Ink and Linen: A broad ink fold sits between two warm linen edges.

Ink and Linen

Soft mesh · Essentials

Porcelain Fault: A dark indigo inset is enclosed by pale porcelain edges.

Porcelain Fault

Soft mesh · Essentials

Graphite Rise: A deep graphite field opening into a soft white horizon.

Graphite Rise

Chrome · Essentials

Cold Front: A deep graphite field opening into a soft white horizon.

Cold Front

Chrome · Essentials

Blue Undertow: Cobalt rises through an uneven band of icy blue.

Blue Undertow

Soft mesh · Cool

Glacial Slip: An offset ice-blue column enclosed by deep petrol edges.

Glacial Slip

Soft mesh · Cool

Ice Wave: Ice tones with gently shifted wave crests.

Ice Wave

Soft mesh · Cool

Cerulean Split: A cobalt seam divides cyan fields along a low curved edge.

Cerulean Split

Soft mesh · Cool

Pacific Shear: A displaced cyan column bends inside a dark ocean frame.

Pacific Shear

Soft mesh · Cool

Polar Edge: A pale blue lip drops into a deep indigo field.

Polar Edge

Soft mesh · Cool

Azure Interval: Two blue transitions enclose a dark, sweeping interval.

Azure Interval

Soft mesh · Cool

Cobalt Horizon: Cobalt tones with gently shifted horizon.

Cobalt Horizon

Grainy mesh · Cool

Tidal Blue: Turquoise rises into cobalt beneath a quiet navy sky.

Tidal Blue

Soft mesh · Cool

Cobalt Inflection: A bright periwinkle cut curves through cobalt and midnight blue.

Cobalt Inflection

Soft mesh · Cool

Tidal Light: Deep sea blue rising into aqua and a pale mint glow.

Tidal Light

Grainy mesh · Cool

Arctic Fracture: An ice-blue panel steps around an offset sapphire edge.

Arctic Fracture

Soft mesh · Cool

Ice Channel: A dark blue channel runs between shifting ice-blue fields.

Ice Channel

Soft mesh · Cool

Ice Horizon: Ice tones with gently shifted horizon.

Ice Horizon

Grainy mesh · Cool

Sapphire Ledge: An offset sapphire column catches a pale blue inner highlight.

Sapphire Ledge

Soft mesh · Cool

Oceanic Fold: A narrow cyan fold floats between two deep ocean fields.

Oceanic Fold

Soft mesh · Cool

Chartreuse Bend: Teal descends through lime into a pale yellow corner.

Chartreuse Bend

Grainy mesh · Green

Lime Inlet: Lime, jade, and blue-green fields meet in an irregular inlet.

Lime Inlet

Soft mesh · Green

Emerald Crest: A thin emerald crest traces the edge of a pale green field.

Emerald Crest

Soft mesh · Green

Jade Wave: Jade tones with gently shifted wave crests.

Jade Wave

Soft mesh · Green

Fern Ribbon: A pale fern ribbon sits between two deeper green fields.

Fern Ribbon

Soft mesh · Green

Jade Shelf: An unequal jade panel holds a pale green inner edge.

Jade Shelf

Soft mesh · Green

Jade Horizon: Jade tones with gently shifted horizon.

Jade Horizon

Grainy mesh · Green

Eucalyptus Air: Mint and eucalyptus planes overlap around a dark green seam.

Eucalyptus Air

Soft mesh · Green

Verdant Pull: An irregular lime edge opens between two deep green fields.

Verdant Pull

Soft mesh · Green

Celadon Silk: Pale celadon and yellow-green cross an uneven teal fold.

Celadon Silk

Soft mesh · Green

Lime Wave: Lime tones with gently shifted wave crests.

Lime Wave

Soft mesh · Green

Citrus Silk: Citrus light turns through mint and deep teal pockets.

Citrus Silk

Soft mesh · Green

Citron Light: Olive and chartreuse opening into a warm lemon glow.

Citron Light

Grainy mesh · Green

Lime Horizon: Lime tones with gently shifted horizon.

Lime Horizon

Grainy mesh · Green

Orchid Break: A violet seam turns through pink and pale orchid.

Orchid Break

Soft mesh · Violet

Iris Tension: Indigo opens along a steep edge of lavender light.

Iris Tension

Soft mesh · Violet

Orchid Wave: Orchid tones with gently shifted wave crests.

Orchid Wave

Soft mesh · Violet

Velvet Cut: A clean curved cut between lilac and midnight violet.

Velvet Cut

Soft mesh · Violet

Lilac Crossing: Rose and periwinkle meet along a luminous curved seam.

Lilac Crossing

Soft mesh · Violet

Rosewater Flow: Rose, lilac, and cyan flow through an asymmetric pastel fold.

Rosewater Flow

Soft mesh · Violet

Orchid Horizon: Orchid tones with gently shifted horizon.

Orchid Horizon

Grainy mesh · Violet

Plum Cascade: Plum, orchid, and pale pink collect along a lifted edge.

Plum Cascade

Soft mesh · Violet

Violet Slipstream: Lilac, blush, and ice blue gather around a turning violet seam.

Violet Slipstream

Soft mesh · Violet

Rose Wave: Rose tones with gently shifted wave crests.

Rose Wave

Soft mesh · Violet

Periwinkle Crest: A pale periwinkle crest carries soft pink and blue accents.

Periwinkle Crest

Soft mesh · Violet

Mulberry Veil: A pale pink seam opens through layered mulberry fields.

Mulberry Veil

Soft mesh · Violet

Mauve Release: A soft pink fold lifts into a narrow mauve edge.

Mauve Release

Soft mesh · Violet

Amethyst Tide: Lavender and pale peach roll across a cool amethyst seam.

Amethyst Tide

Soft mesh · Violet

Rose Horizon: Rose tones with gently shifted horizon.

Rose Horizon

Grainy mesh · Violet

Amber Spill: A gold slope rises from a dark amber field.

Amber Spill

Grainy mesh · Warm

Amber Wave: Amber tones with gently shifted wave crests.

Amber Wave

Soft mesh · Warm

Peach Compression: Coral curls over peach, cream, and a warm pink pocket.

Peach Compression

Soft mesh · Warm

Coral Undertone: A coral field opens over a deep pink lower fold.

Coral Undertone

Grainy mesh · Warm

Amber Horizon: Amber tones with gently shifted horizon.

Amber Horizon

Grainy mesh · Warm

Saffron Pressure: Saffron and orange are compressed into a narrow warm fold.

Saffron Pressure

Grainy mesh · Warm

Vermilion Edge: A bright vermilion seam cuts through peach and warm white.

Vermilion Edge

Soft mesh · Warm

Coral Afterlight: Coral, peach, and pale lilac gather beneath a warm curved edge.

Coral Afterlight

Soft mesh · Warm

Coral Wave: Coral tones with gently shifted wave crests.

Coral Wave

Soft mesh · Warm

Coral Horizon: Coral tones with gently shifted horizon.

Coral Horizon

Grainy mesh · Warm

Make it work for your project.

Start with a broad color field that supports your content. Crop the image for desktop and mobile, then compress your exported WebP to suit the space it occupies. Place text over the quieter areas and check the final contrast.

Your colors.
Your signature.

Start with a preset. Make something only you would make.
Created on your Mac. Exported up to 8K.

Coming to the Mac App Store