Gradient Studio

Canvas

Preset

Width

Height

Gradients to show

Palette

Source palette

Mood filter

Seed

The same seed always reproduces the same set.

Composition

Blob count

Off-canvas bias

Pushes blob centres outside the frame. Higher is calmer — this is the main mechanic that keeps blobs from competing with UI.

Blob blur

Base blur

Blob strength

Base axis

Safety

UI placed on top

Separation ΔL*

Light card

Dark card

Busyness ceiling

Reference files measured 0.71 – 4.32. Lower is calmer.

Strict WCAG 3:1 (text directly on gradient)

Card zone inset

Scoring only looks inside this region — blobs may stay bold in the corners.

Grain

Enable grain

Opacity

Scale

Coloured grain

Grain is an embedded PNG, not feTurbulence — Figma silently drops SVG filter noise. Drag the downloaded .svg into Figma rather than pasting for best fidelity.

Config

Settings, open panels, seed and locked cards are remembered in this browser. Reset at the bottom of this panel clears all of it.

Settings are saved in this browser