Toggle menu

Free Seamless Paper Textures and Backgrounds

11 seamless textures, from cotton, watercolor, crumpled and old paper to linen and concrete. Each grey tile repeats with no visible edge and takes any color you pick, from a white or cream paper background to deep navy or black. Try them on the demo interface below, then copy one line of CSS. Free for commercial use, no sign-up.

Texture
Color #f4f1ea
Grain size
.surface {
  background: #f4f1ea url("https://assets.allsvgicons.com/tex/paper.jpg") 0 0 / 256px;
  background-blend-mode: hard-light;
  color: #000000;
}
JPG 1024WebP 512

Free for commercial use. License

All textures

  • Cotton Paper

    Soft handmade paper with fine fibers.

    JPG

  • Watercolor Paper

    Cold-press paper with a soft, bumpy tooth.

    JPG

  • Crumpled Paper

    Soft creases, pressed nearly flat.

    JPG

  • Old Paper

    Vintage sheet with small aged specks.

    JPG

  • Kraft Paper

    Plain cardboard with small specks.

    JPG

  • Rice Paper

    Thin washi paper with long loose fibers.

    JPG

  • Recycled Paper

    Flecked paper with small dark specks.

    JPG

  • Linen

    Even woven fabric, no folds.

    JPG

  • Concrete

    Polished concrete with fine pores.

    JPG

  • Worn Wall

    Painted wall with light scuffs and specks.

    JPG

  • Fine Grain

    Even plaster grain, the quietest of the set.

    JPG

How to use them

Put the file behind any element, set your color, and add one blend line. To change the color later, change only the color: dark mode, brand themes and hover states all reuse the same file.

.surface {
  --surface: #f4f1ea;
  background: var(--surface) url("/img/paper.jpg") 0 0 / 256px;
  background-blend-mode: hard-light;
}
@media (prefers-color-scheme: dark) {
  .surface { --surface: #14161c; }
}

Why your color stays true

  • The color stays exact. Each tile averages 50% grey, and hard-light treats that as "no change". Your brand color stays your brand color.
  • Black and white keep their grain. Most tint methods can only darken, so they flatten black and turn white grey. Hard-light can go both ways.
  • Text stays readable. The demo picks black or white text for each color, and Copy CSS includes that choice. The grain is too light to change it.

License in one line

Use them for free in personal and commercial work, no credit needed. Ask us first only to redistribute the files or to build a competing image library.

Read the Free Asset License

Need a full picture instead?

Our free hero backgrounds come in matching light and dark versions, each with a palette and crop notes. Same license.

Browse free backgrounds

FAQ

What is a seamless texture?
An image whose opposite edges match, so it can repeat across any area with no visible line where the copies meet. That keeps the file small: one tile covers a whole page background.
How do I make my own texture seamless?
Even out the light first, because a bright corner shows up as a repeating pattern. Then shift the image by half its width and height so the edges meet in the center, and blend away the cross that appears. The Offset filter in Photoshop does the shift, and GIMP has a seamless filter that does both steps.
Can I get a white or black texture background?
Yes. Pick Cream or Charcoal, or set any white or black under Any color. The grain stays visible on both, and the CSS you copy has your exact color in it.
Can I use these textures in commercial projects?
Yes. Use them in client work, apps, landing pages, ads and print without asking and without credit. You need written permission only to redistribute the files themselves or to build a competing image library. Full terms: Free Asset License.
How does one grey file work for every color?
Each tile is grey with an average of exactly 50%. CSS background-blend-mode: hard-light leaves that 50% grey as your color and only moves the lighter and darker grain around it, so the color you see is the color you picked.
Will a very light, bright or dark color break the texture?
No. That is why we use hard-light and not multiply. Multiply darkens everything, so bright yellow turns mustard, white turns grey and black loses all its grain. Hard-light keeps all three. Test your own color with Any color in the demo.
Do the tiles repeat with a visible edge?
No edge shows: the sides of each tile are blended so they meet cleanly. On very large plain areas, Worn Wall, Concrete and Crumpled Paper can show a faint repeat because they have a few larger marks. For those areas, use Cotton Paper or Fine Grain.
What size should I show the tile at?
The JPG is 1024 x 1024 px and the WebP is 512 x 512 px. Show the JPG at background-size: 512px or smaller and it stays sharp on high-density screens. Smaller sizes give a finer grain.
How do I use them with dark mode?
Keep the same file and change only the color. Set the background color in a CSS variable and swap the variable in your dark theme.
Are these textures AI-generated?
Yes. We made them with AI image tools from our own prompts, then turned each one into a grey tile, evened out its light and blended its edges.