Abstract Pattern

Make an abstract pattern from 10 shapes of our own: a pebble, an arc, a squiggle line, a wave stroke, a dot cluster, a half-moon, a leaf shape, a grid-cross, a bar with round ends and a ring. The squiggle and the wave are true offset curves, so the stroke keeps the same width all along, and our tests measure it. Compose them four ways from a seed number: scatter (a small tilt), tossed (any turn), layered (large pebbles, leaves and half-moons under smaller shapes) or mirrored (the left half reflected onto the right). In every layer no two shapes touch, not even across the edges of the repeat, so the tile joins its neighbours with no seam. Pick five colours, such as earth tones, neutrals or bold brights, then download a seamless SVG tile at real size, a full-size PDF with a shape key, a 300 DPI PNG or a background PNG at an exact screen size. Nothing is uploaded.

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

100% private — runs in your browser

Page 1 is the pattern at full size with a 1 in test square; page 2 is the shape key. The SVG tile is one repeat and joins edge to edge; the background PNG is drawn at the exact pixel size you pick.

Shapes and composition

Colours

Print and screen

Runs in your browser with our own code: nothing is uploaded or saved. You may use what you make here, including commercially, with no credit needed.

How to make an abstract pattern

  1. Choose a preset, or pick a shape set and a composition.
  2. Set how many shapes, the repeat size in inches or centimetres, the size mix, the tilt and a seed (change the seed for a new arrangement).
  3. Set the shape size and the smallest gap between shapes.
  4. Pick five colours: a ground and four inks.
  5. Download the SVG tile, a background PNG, or the PDF; print at 100% and check the 1 in test square.

What you can use it for

  • Wallpaper, wrapping paper and stationery
  • Fabric, cushion and tote bag mock-ups (real-size tile)
  • Website, slide and phone backgrounds (SVG tile, PNG)
  • Book covers, posters and packaging backgrounds
  • Notebook and planner covers (full-size PDF)
  • Wall stencils and painted murals (shape key at a large size)

The 13 presets

#PresetShapesCompositionShapes per repeatRepeat
1Earth tones, organic, scatteredOrganicScatter22 shapes6 × 6 in
2Neutral beige and black, tossedAll 10 shapesTossed26 shapes6 × 6 in
3Bold primaries, tossed linesLinesTossed24 shapes6 × 6 in
4Layered pebbles under squiggles, terracottaOrganicLayered34 shapes6 × 6 in
5Mirrored organic shapes, sageOrganicMirrored20 shapes6 × 6 in
6Rings, arcs and half-moons, mustard and navyRoundScatter22 shapes6 × 6 in
7Squiggles only, pink on cream, tossedSquiggle lineTossed26 shapes6 × 6 in
8Pebbles only, stone greysPebbleTossed24 shapes6 × 6 in
9Bold shapes on charcoalAll 10 shapesTossed26 shapes6 × 6 in
10Mirrored lines, blue and orangeLinesMirrored18 shapes6 × 6 in
11Layered, olive and rustAll 10 shapesLayered36 shapes6 × 6 in
12Black on white, all shapes, tossedAll 10 shapesTossed26 shapes6 × 6 in
13Fabric scale: 15 cm earth-tone repeatOrganicScatter22 shapes15 × 15 cm

Each preset only fills in the fields; change any setting afterwards.

The 10 shapes

ShapeUsed large in the layered composition
PebbleYes
Arc (half ring)No
Squiggle lineNo
Wave strokeNo
Dot clusterNo
Half-moonYes
Leaf shapeYes
Grid-cross (3 × 3 plus signs)No
Bar with round endsNo
RingNo

All shapes are our own drawings. Page 2 of the PDF draws each shape used, large.

Compositions

CompositionHow the shapes are set
ScatterSeeded positions with a small tilt, no two touching
TossedSeeded positions at any turn, no two touching
LayeredA few large organic shapes underneath, smaller shapes on top, none touching within a layer
MirroredShapes in the left half, each reflected onto the right half

Which tool to use

You wantUse
Own organic shapes composed as a repeatAbstract Pattern (this page)
1980s zigzags, triangles and confettiMemphis Pattern Generator
Circles and bars on a strict gridBauhaus Pattern
One random blob shapeBlob Generator
Simple CSS backgroundsSVG Pattern Generator

Also handy: the Memphis Pattern Generator, the Blob Generator and the SVG Pattern Generator.

More free tools

More pattern and background tools?

Pattern makers and print tools that run privately in your browser, with no sign-up and no watermark.

See all free tools →

Frequently asked questions

How is this different from the Memphis, Bauhaus and blob tools?

The Memphis Pattern Generator draws 1980s-style zigzags, triangles and confetti chips on a bright palette. The Bauhaus pattern page sets circles, quarter circles and bars on a strict grid. The Blob Generator makes one random blob shape. This page has its own set of softer shapes (pebbles, leaves, half-moons, constant-width squiggles) and composes many of them by rules: scattered, tossed, layered or mirrored, with no two touching.

Will the pattern repeat without a seam?

Yes. A shape that runs over an edge of the repeat carries on from the opposite edge, so copies placed edge to edge join with no seam. Our tests compare the pattern one repeat over by sampled colour, for every preset.

Do the shapes ever overlap?

Not within a layer. Each shape fits inside a circle round its centre, and the maker keeps every two circles in the same layer at least the gap apart, measured round the repeat (the first preset keeps 0.12 in between 22 shapes). In the layered composition the small shapes sit on top of the large ones on purpose.

Is the squiggle line really the same width all along?

Yes. Each edge is the centre curve moved out by half the width along its normal, so the stroke is 8 % of the shape size wide everywhere (the wave 15 %). Our tests measure the distance from every point on one edge to the other edge, before and after scaling and turning.

What does mirrored do?

The maker places shapes in the left half of the repeat and draws each one again reflected in the centre line, flipped and turned the other way, so the pattern is symmetric left to right.

Is the tile the exact size I set?

Yes. The SVG tile is written in inches or centimetres (the first preset is 6 in square), and the PDF prints the pattern at full size with a 1 in test square.

Is it free?

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

Is anything uploaded?

No. Everything is drawn by JavaScript in your browser and nothing is sent anywhere.