Background Pattern Generator

Create beautiful, customizable background patterns for your projects. Adjust parameters and download your patterns instantly.

Pattern Type

Dots Pattern Lines Pattern Grid Pattern Squares Pattern Zigzag Pattern Waves Pattern Diagonal Pattern

Pattern Settings

Pattern Size: 30px

Pattern Opacity: 100%

Colors

Pattern Color

Background Color

CSS Code

background-image: radial-gradient(#4361ee 2px, transparent 2px);
background-size: 30px 30px;
background-color: #ffffff;
opacity: 1;

Created with ❤️ | Background Pattern Generator v1.0 | © 2023

Tip: You can use the generated CSS code directly in your projects!