12 Free Repeating Pixel Patterns for Photoshop

12 Free Repeating Pixel Patterns for Photoshop
Home » Articles » 12 Free Repeating Pixel Patterns for Photoshop

Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more

Repeating patterns are a great resource to add detail and texture to any website or interface design. Download this free pack of 12 pixel based patterns, including diagonal lines, dots and tessellating shapes for use in your future design projects.

Pattern swatch previews

Diagonal lines patternPin

Diagonal lines pattern pixel patternsPin

Diagonal lines pattern pixel patternsPin

Grid pattern pixel patternsPin

Grid lines patternPin

Grid lines patternPin

Dots patternPin

Dots patternPin

Dots patternPin

Zig zag patternPin

Cross hatch patternPin

Diagonal zig zag patternPin

All the patterns are contained within a Photoshop .pat file. Select the Fill tool then change the drop down box from Foreground to Pattern. In the pattern selection box click the small options arrow and select Load Patterns. Once the pixel patterns have been imported, they can then be used with the Fill tool, or along with layer style effects such as Pattern Overlay.

Download the Photoshop pattern file

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design trends, inspiration, design freebies, and more. You can follow him on Twitter


Would you like to say something?

  1. Syed Talha Adnan says:

    can you make the pattern of black and transparent. only the first pattern would do. thanks

  2. Julius says:

    Thanks for the list. I really like the first one!

  3. Mauro says:

    Very professional! Thanks for sharing!

  4. Wright says:

    Great Work!!! Nice collection.. I really thankful to you for giving this precious one as free.. Good Job, Keep Going!!!

  5. Lawleypop says:

    Flawless and exactly what I was looking for. Thank you very much for the freebie!

  6. ContentPoster says:

    Thank you for providing such a quality post. First of all I must mention that the images used in these post are perfect. Everything is so clear and you see the patterns in use and the pattern itself. Very nice explained. Thank you for these free Photoshop patterns. I am grateful. Continue on rocking with these quality posts. Cheers!

  7. Clipping Path Experts says:

    I have enjoyed the texture most in my Photoshop workflows. Thanks

  8. inspirationfeed says:

    Thank you so much Chris!

  9. vntrace says:

    Thansk for this !
    I love this site

  10. Espresso says:

    thanks! they look very nice

    Ive created a pattern-creator-webapp for some experiments:

  11. Cgbaran says:

    Thanks they are very useful

  12. Juan says:

    Thanks for this share. Merry Christmas.

  13. Marco Slooten says:

    Thanks for these patterns! As simple as they might seem, some of them are actually not that simple to make. And they're quite effective!

    They've inspired me to create a set of line/simple shape patterns too. For all those interested, you can find them on:
    I think they complement these pretty well.

  14. Manuwl says:

    thank you very much. This sort of Pattern are really useful.

  15. Idil says:

    These are great. Thank you so much.

  16. Laurence says:

    This is awesome. You sir are a scholar and a gentleman. Thank you


  17. secondbassman says:

    Thanks a ton, Chris. These are terrific.

  18. Tony says:

    Thanks but.. why all the patterns comes with a white background?

  19. Buzz says:

    Very handy, I always struggle with creating these, simple as they seem. Thanks for sharing

  20. gato says:

    Love it!

  21. Chris says:

    Thanks for the patterns, can never have too many in your creative box!

  22. Joe Akers says:

    Thanks much, Chris!

  23. glauber says:

    Nice! Thanks

  24. Lisa says:

    Thankyou, thankyou, thankyou! I've now finally worked out what I've been doing wrong when it comes to making patterns.

  25. paul says:

    cheers mate!

  26. Jrutlanddesign says:

    could always come in handy! good post

  27. Alfonse Surigao says:

    This is perfect! Thanks Chris.

  28. ABDUL JANOO says:

    good work………… but I am waiting for j query tut

  29. tripdragon says:

    Oooorrr Ya'lls could just make your own and choose your own color. But having a nice starter list is a good thing to bounce off of.

    Too bad PS sucks at real live feedback on creating them without having to keep creating them from a selection in the menu list and reopening the layer style to assign.

    Someone write a plugin that creates a realtime view of a tile. THAT would be something.

  30. James says:

    I was just looking for something like this, nice.

  31. Tom Durkin says:

    Just what I've been looking for thank you so much!

    PS – love the layout of the site.


  32. felipe says:

    awesome!! good stuffs

  33. Graham says:

    Aswesome stuff Chris – these are going to be super handy!

    Thanks for them :)

  34. Joshua Chase says:

    You must have been reading my thoughts. I've been looking for this. Specifically the dots pattern, I wanted to use it for a specific layout and here it is along with all the other goodies. Thank you. This it truly dope.

  35. Markus says:

    Cool ide for a freebie :) Thanx.

  36. Lee Gustin says:

    Simple yet extremely useful! Thanks a ton

  37. Ross Macks says:

    Cheers Chris, you've saved me a lot of time :D

  38. Matt Johnson says:

    Thanks for sharing Chris!! :D

  39. PRATEEK GUPTA says:

    great patterns chris

  40. Susan says:

    How do you then apply color changes to the pattern? I haven't been able to figure that out….

    • Chris Spooner says:

      To change the colours you would ideally use them along with Photoshop's blending modes. For instance you could set the pattern to Multiply, then place a red fill over the top set to Screen (or something along those lines!)
      You could also use the Pattern and Color Overlay options in the layer styles window.

      • @torchlessrunner says:

        I just press ctrl (pc) & layer tbumbnail to load a selection then choose fill bucket with new colour. Use opacity or fill % to adjust if needed with blend modes.

  41. .tif says:

    Thanks so much for these! Just waht I was looking for! :)

  42. Brian Jones says:

    Thanks for the share Chris!

  43. Cameron D says:

    Just in time for Christmas! Thanks Chris!

  44. says:

    Great freebie, thanks Chris.

  45. Krishna says:

    awesome.. saves me some time! :) thanks…

  46. Sergei Tatarinov says:

    You are better than Santa, Mr. Spooner! :)

  47. Ash Kingston says:

    Love them chris will work great on a site!

  48. designbyarm says:

    Hard to find this kind of pattern in the cyberworld :) Thanks you.

  49. Sahan says:

    Thank you

Please Share