CSS Background Pattern Generator
Generate background patterns using pure CSS gradients. No images needed — just copy the CSS.
Try Kinsta free for 30 days
Simply better WordPress hosting. Unlimited migrations.
Choose Pattern
Preview
Customize
Size
20px
Spacing
20px
Opacity
100%
Angle
45°
CSS Code
/* CSS will appear here */