Free downloads

Free seamless noise texture PNGs

Two transparent, tileable grain overlays (soft and fine), 2048×2048 — the same files that ship in the paid GRAIN pack. Free for personal and commercial work.

Want a live blend-mode playground with white/black 1024px tiles? Use the grain texture preview (same maker).

Download the free textures

These are white grain on a transparent background. Use blend mode Overlay or Soft Light at 10–40% opacity. They tile without a visible seam (period matches a 1024px CSS repeat).

Soft seamless noise texture PNG preview on a dark background
Soft grain
2048×2048 · ~800 KB · RGBA
Download PNG
Fine seamless noise texture PNG preview on a dark background
Fine grain
2048×2048 · ~2.3 MB · RGBA
Download PNG

On light backgrounds the white grain is subtle by design. Preview of soft grain darkened for paper mockups:

Soft noise texture preview on cream paper
Soft on paper (preview only)
Fine noise texture preview on cream paper
Fine on paper (preview only)

What soft-light grain looks like on a gradient

Mesh gradient with soft grain overlay applied

Same soft-grain PNG composited over a mesh gradient at ~65% of its native alpha — the usual look for UI heroes and wallpapers.

CSS: noise texture PNG with soft-light

Put the PNG above your colour layer. mix-blend-mode: soft-light or overlay keeps the colour and adds film grit:

.surface {
  position: relative;
  background: linear-gradient(135deg, #2a3558, #c4784a);
}
.surface::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("soft-grain-seamless-2048.png") center / 512px 512px repeat;
  mix-blend-mode: soft-light;
  opacity: 0.35;
  pointer-events: none;
}

Figma, Photoshop, Canva, Premiere

  1. Place the PNG on the top layer.
  2. Set blend mode to Overlay or Soft Light.
  3. Drop opacity to 10–40% until the grit reads, not the white.
  4. Video editors: top track, blend Screen or Overlay, opacity 15–30%.

Figma also has Effects → Noise if you only need a quick mock; a PNG overlay stays consistent when you export to CSS or hand the file to a developer.

License

Use both free files for anything personal or commercial: sites, apps, print, client work, products you sell. No attribution required. The only restriction: do not re-upload or sell these files themselves as stock, texture packs or wallpaper packs.

Procedurally generated (not AI diffusion, not scraped stock). Source pack: GRAIN + NOISE on Gumroad.

Need the other six overlays?

The free pair is from GRAIN + NOISE: eight transparent overlays (soft, fine, coarse, film mono, paper fiber, dust, halftone, scanlines), 2K–4K, same commercial license, seamless for CSS tiling — $3. Want matching grainy mesh wallpapers too? MESHGRAIN is 100 backgrounds + the overlays for $6.

GRAIN + NOISE — 8 overlays, $3 MESHGRAIN — 100 backgrounds, $6

Also free: grain texture live preview · grainy gradient wallpapers · ogkit · Favikit · AppShot


Last checked 2026-11-03. Files match the live GRAIN pack on Gumroad (seamless 1024px tile period).