Geometric Background Generator

Make a geometric background: overlapping translucent triangles, circles and rings, bands of arcs growing from the edges, layered angular peaks, or a bold composition of half circles, quarter circles, bars and rings. Pick a preset or set your own: the style, the palette, how many shapes, their size, opacity, how many are outlines, and a little grain. Every picture comes from a seed number: the same seed and size always give the same picture, and New seed gives you a fresh composition. It is one full picture, not a repeating tile: big shapes and small ones overlap across the frame. Choose desktop, 4K, phone, a 16:9 video-call background (for Zoom, Teams or Meet), tablet, square, banner or your own size up to 4096 pixels. Download a PNG or JPG, or a PDF to print. Nothing is uploaded.

100% private — everything runs in your browser. Everything runs in your browser; nothing is uploaded.

How to make a geometric background

1. Pick a preset: coral shards, overlapping circles, ocean arcs, layered peaks and more.
2. Choose the style and the palette.
3. Press New seed until you like the composition.
4. Set the number of shapes, their size, opacity, outlines and grain.
5. Choose a size: desktop, 4K, phone, video call or your own.
6. Download the PNG or JPG, or the print PDF.

What you can use it for

• Desktop and phone wallpapers
• Video-call backgrounds
• Slide and presentation backgrounds
• Posters, flyers and covers
• Social posts and stories
• Website heroes and newsletter headers

The 12 presets

Preset	Style	Palette	Shapes	Largest ÷ smallest shape	Size
Coral shards	Shards	Sunset (coral, peach, teal)	40	15.4 ×	1920 × 1080
Overlapping circles, pastel	Circles and rings	Soft pastel	36	15.7 ×	1920 × 1080
Ocean arcs	Arcs from the edges	Ocean blues	21	9.1 ×	1920 × 1080
Layered peaks at dusk	Layered peaks	Sunset (coral, peach, teal)	7	7 layers	1920 × 1080
Primary composition	Big-shape composition	Primary on cream	9	4.0 ×	1920 × 1080
Neon rings	Circles and rings	Neon on black	30	15.8 ×	1920 × 1080
Monochrome shards	Shards	Black, white and grey	50	15.3 ×	1920 × 1080
Earth-tone composition	Big-shape composition	Earth tones	11	3.8 ×	1920 × 1080
Pastel arcs	Arcs from the edges	Soft pastel	18	6.3 ×	1920 × 1080
Video call: soft ocean peaks	Layered peaks	Ocean blues	5	5 layers	1920 × 1080
Phone wallpaper: neon shards	Shards	Neon on black	34	14.1 ×	1170 × 2532
4K sunset circles	Circles and rings	Sunset (coral, peach, teal)	44	15.6 ×	3840 × 2160

Worked out by the tool: every preset mixes big and small shapes, so none is a regular grid.

Sizes

Size	Pixels	Width ÷ height
Phone	1170 × 2532	0.462
Desktop	1920 × 1080	1.778
4K	3840 × 2160	1.778
Video call background	1920 × 1080	1.778
Tablet	2048 × 2732	0.750
Square	2048 × 2048	1.000
Banner	1500 × 500	3.000

Every size is drawn at its own pixels, not stretched.

The styles

Style	What it draws
Shards	Overlapping translucent triangles, biggest first, turned at random
Circles and rings	Overlapping discs and outlined rings of many sizes
Arcs from the edges	Bands of concentric arcs growing from one to four points on the edges
Layered peaks	Angular ridges, lighter at the back and darker in front, like distant mountains
Big-shape composition	A few large half circles, quarter circles, bars, circles and rings

Every style draws one picture across the whole frame; nothing repeats.

What downloads

Download	What is in it
PNG	The still picture at the full size you chose, every pixel exactly as drawn
JPG	The same picture as a smaller JPG (quality 92)
PDF	One Letter or A4 page with the picture fitted inside 10 mm margins

Paper	A 4K picture prints at	Sharpness
Letter (landscape)	259.4 × 145.9 mm	376 px per inch
A4 (landscape)	277.0 × 155.8 mm	352 px per inch

For gradients only, use the Mesh Gradient Generator; to turn a photo into triangles, the Low Poly Generator.

Which tool to use

You want	Use
One full geometric picture	Geometric Background Generator (this page)
A repeating CSS pattern as code	CSS Background Pattern Generator
A repeating Bauhaus or Memphis tile	Bauhaus Pattern or Memphis Pattern Generator
A photo cut into triangles	Low Poly Generator
An autumn landscape	Fall Background Generator

Other tools: the Memphis Pattern Generator for a playful repeating tile, and the Color Palette Generator to choose colours first.

Frequently asked questions

Is this a repeating pattern?

No. It draws one full composition: big and small shapes overlap across the frame and nothing repeats. For a repeating tile, use a pattern tool such as the CSS background pattern tool in the box below.

What styles can it draw?

5: overlapping triangles (shards), circles and rings, bands of arcs from the edges, layered peaks, and a composition of half circles, quarter circles, bars and rings.

Is it low poly?

No. Low poly cuts a photo into triangles. This tool places its own shapes from a seed and does not use a photo.

Can I use it as a video-call background?

Yes. Choose Video call background (16:9, 1920 × 1080), download the PNG or JPG and pick it as a virtual background in your video-call app. The soft ocean peaks preset keeps the middle calm.

What does the seed do?

It fixes where every shape goes, how big it is and its colour. The same seed and size give exactly the same picture, pixel for pixel.

What does grain do?

It adds fine, even noise over the whole picture, like printed paper. The same seed always gives the same grain.

How big does the PDF print?

The picture is fitted on one Letter or A4 page inside 10 mm margins, turned to suit its shape. The table below gives the printed size of a 4K picture.

Is it free?

Yes. There is no sign-up, no watermark and no limit.

Is anything uploaded?

No. Every pixel is worked out by JavaScript in your browser. Nothing you type is sent anywhere or saved when you close the page.