Patterned Dots Generator
Generate patterned gradients by layering grayscale radial dots over a colorful base.
Pick a starting point, then customize colors for a multi-stop base gradient.
6
More layers add texture (1–24).
66
Higher values increase opacity and contrast (0–100).
Patterned gradients: dots + base color
This generator builds a “patterned” background by stacking many subtle grayscale radial gradients (dots / soft circles), then placing a color linear gradient at the very bottom.
Controls
Palette / Base colors
Pick a palette and customize colors for a multi-stop base gradient.
Dot layers
More layers increase visual density.
Intensity
Controls the alpha + contrast of the grayscale dots.
Dot sizes are randomized per seed. If you want a softer look, reduce Intensity and increase Layers a bit.
Fine-tune in the Editor
When you’re close, click Open in Editor to tweak individual layers, change blend modes, or adjust stops with full control. Use Copy CSS if you just want to paste the result into your project.