ssscales
SVG generator for gradient scale patterns

🎨 Make interesting SVG backgrounds for your design using this gradient pattern generator. The patterns are composed of repeating circles with colors that change according to a noise grid for a smooth or at times almost artfully pixelated look.

💡 To use it, simply select a range of possible hues as well as the saturation and lightness for the colors. You can then tweak the circle size for a more or less pixelated effect. You can also tweak the settings of the underlining noise grid that is used to select the colors. Different settings can give widely different and interesting results.

🙌 This tool is made possible thanks to the generative-utils library by George Francis as well as the SVG.js library.