Colors

Colors form the base of any design hence let's first pick the color scheme for our websites.

• Coolors

  Coolors is a fast and simple color scheme generator. You can choose from an existing collection, let the generator do it's work or even create your own.

  Visit: coolors.co

• Khroma

  Khroma is an AI based tool that generates color palettes based on the colors you like.

  Visit: khroma.co

• Happy Hues

  Happy Hues curates colors in context and provides a real example as to how the colors could be used in a project.

  Visit: happyhues.co

Backgrounds

Varoius backgrounds can be used to create a more cohesive and aesthetically pleasing design. Here are some svg background generators and gradient generators that you can use to create your own.

• Haikei

  Haikei is a free web app that lets users create unique shapes, patterns and backgrounds they can use to personalize their smartphone, tablet or computer or use in concert with other design tools to add personality to their creations.

  Visit: haikei.co

• Cool Backgrounds

  Cool Backgrounds is another intuitive, easy-to-use tool like Haikei, though it does offer fewer options. Still, you can create beautiful, free background images, patterns or wallpapers from a total of four starting points, five if you include some pre-loaded Unsplash images.

  Visit: coolbackgrounds.io

• PatternPad

  PatternPad is another free tool made primarily for web designers and developers. It offers 21 stock patterns that users can customize by changing the colors or really make their own by altering a variety of settings.

  Visit: patternpad.com

• CSS Gradients

  CSS Gradient is a happy little website and free tool that lets you create a gradient background for websites. Besides being a css gradient generator, the site is also chock-full of colorful content about gradients from technical articles to real life gradient examples

  Visit: cssgradient.io

Icons & Illustrations

Here are some websites that can help you find the right icons and illustrations for your websites. Some have both where as some are specific to one or the other.

• Iconscout

  IconScout has Curated SVGs, Vector Icons, Illustrations, 3D graphics, and Lottie Animations. Over 3000+ assets added every day. Integrated plugins, tools, editors, and more. You can get some of the paid features for free via the GitHub Student Developer Pack .

  Visit: iconscout.com

• DrawKit

  Drawkit offers print- and digital-ready illustrations for your next project. Drawkit offers a collection of free, paid and customizable vector illustrations, ideal for adapting and adding to any design.

  Visit: drawkit.io

• Iconfinder

  Iconfinder is an awesome website with free and premium vector and raster icons in SVG and PNG formats, it also has a collection of illustrations.

  Visit: iconfinder.com

• Illustrations

  Illustrations is an open source illustrations kit designed by by vijay verma.

  Visit: illustrations.co

Conclusion

Having instant access to great graphic design resources only makes room for even better designs and more creativity. I hope that this guide fills your head with inspiration and gives you the opportunity to work faster and more efficiently.

I have tried to cover some basic aspects of graphic design, hope this helps you with your projects.