Resource Roundup: 10+ Sources for Web Background Patterns


Creating background patterns can be a bit of a pain in the butt if you don't have the patience to do it properly... That's why finding professional sources for pre-made background patterns can be a huge time saver. In the collection below, we have carefully gathered 12 websites where you can download awesome background patterns. We'll also share over 100 background patterns that you can use in your own projects!

Patterns, Patterns, and More Patterns!

Today we're bringing you over 100 background patterns to use in your own web designs. We're going to start each "source site" with a quick intro, and then list off 10 of our favorite patterns from each site. One thing to pay attention to is the file formats... These come in a couple different formats, including:

  • Illustrator Files (drag and drop into your web designs)
  • .PAT Files (drop these files into your Photoshop or Fireworks "Presets/Patterns" folder)
  • .PNG, .JPG, or .GIF files (you can make these into patterns from Photoshop or Fireworks, or just use them directly in your HTML docs).

From straight edged grid-like patterns to wild and funky multi-colored sets, we've got something for everyone here!

Graphic River

Web Design Background Patterns

Graphic River is a site dedicating to allowing designers to sell their design elements to other designers for a few bucks. All of the following files cost a few bucks, but having used quite a few of them myself, I can say they are worth digging around for the couch-cushion money. Here are just a few of our favorites:


Web Design Background Patterns

Brusheezy is another fantastic resource site. All of the files here are free, and they come in a variety of different file formats. Here are our favorites:


Web Design Background Patterns

WebTreats offers some of the highest quality sets in this mix... we love their attention to detail and the fact their patterns are created with web designers in mind. Check out some of our favs:

Vector Valley

Web Design Background Patterns

Vector Valley has a great selection of unique patterns... from floral victorian damask to hot-pink shape gradients. Here's just a few that we like:

Ava7 Patterns

Web Design Background Patterns

Ava7 offers some neat ways of sorting through their library - you can actually sort by shape, color, and other settings - all of this makes it pretty easy to find a pattern that suits your fancy. here are just a few of our picks:


Web Design Background Patterns

Din Pattern

Web Design Background Patterns

Deviant Art

Web Design Background Patterns

DeviantArt is a community site where designers and artists can share their work... it might seem like an unlikely place to find great web design resources, but their outstanding browsing interface and huge library of contributions actually makes it a pretty great place to get started in any hunt for quality patterns. Here's just a few samples:


Web Design Background Patterns

ColorBurned has a nice collection of some of the funkier pattern sets that we've seen in a while. If you're looking for something that's a little outside of the normal beaten path, check these out:


Web Design Background Patterns

Flickr is another place that most people probably don't think of as a source of web design patterns... but a closer inspection reveals that quite a few people are sharing their home-brew patterns on the site. Check out some of our favs:

Pattern Head

Web Design Background Patterns
Related Posts
  • Design & Illustration
    Create a Tattoo Style, Grunge, Day of Dead Girl Poster in Illustrator1day of dead girl 1 400
    In this tutorial I will show you how to create a tattoo styled sexy Day of the Dead girl in Adobe Illustrator. You will learn how to use your own photo as a source for a vector illustration. We will start with sketching and continue drawing using a Calligraphic Brush, Pen Tool and even Type Tool. I will show you how create high contrasts with stylish shadows and highlights. And than we will finalize our illustration as a grunge poster with cool typography. Read More…
  • Crafts & DIY
    Paper Crafts
    How to Make Spirograph Easter Egg DecorationsSpirograph
    Do you remember Spirograph, the retro drawing game where you create swirling patterns and intricate designs? It's back! Get hold of a set and use it to decorate Easter eggs for a bang-on-trend style statement.Read More…
  • Design & Illustration
    Create a Floral St. Valentine's Postcard in Adobe IllustratorFloral valentine card 400
    In this tutorial we are going to create a cute, floral Saint Valentine's card in Adobe Illustrator, using simple shapes and Shape Builder Tool. You don't need any advanced drawing skills for making such card and you can easily create it without using a graphic tablet.Read More…
  • Design & Illustration
    Web Roundups
    The Top 25 Vector Tutorials on Tuts+ in 2013Colorfultextpreview400x400
    2013 has been a great year for vector on Tuts+. Yet again, we've been able to provide you with more amazing, free, scalable content and it's getting better and better each month. So what have been the best posts of the year?Read More…
  • Design & Illustration
    Web Roundups
    70+ Free Graphics: Vintage Vector Flowers and Floral Ornament SetsPreview
    Have the need for free summer vector graphics, specifically free vector flowers and floral ornaments, then you've found a compilation worth downloading. There are numerous vintage flower illustrations, as well as sets of ornaments, useful for many design project purposes, from weddings to special summer events. Step into this stockpile of retro vector floral graphics, which are all available for free download.Read More…
  • Design & Illustration
    Web Roundups
    Free Vector Downloads: 50+ Illustrator Patterns for Vintage DesignPreview
    Alrighty then, we've rounded up a whole slew of Adobe Illustrator patterns for you to download today. They are all free vector downloads with a retro style. The designs vary, from simple circles, to ornate patterns. Some are quite unique, adorned with vain peacocks or colorful butterflies. Many have a vintage wallpaper design feel to them. There are numerous patterns for Illustrator that are composed of floral and organic elements. Also, a bunch of them have flowing symmetry. Jump in and download these free seamless vector patterns now, and use them on your next retro design project to add a timeless feel.Read More…