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.

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.

Tip

Dot sizes are randomized per seed. If you want a softer look, reduce Intensity and increase Layers a bit.