Dither Gradient Generator
Make dithered gradients with an ordered dot pattern rendered at 4K. The finish behind current product sites and launch posts: a gradient that reads as texture, not as a blur.
5 free 4K exports a month · no watermark · no card
Palettes that dither well
What a dithered gradient is
Dithering draws a gradient with a pattern of dots instead of continuous tones: dense where the color is strong, sparse where it fades. Screens and printers have used it for decades to fake more colors than they had. Today it is a deliberate finish, the texture on the marketing sites of AI startups, dev tools and design tools.
Ordered dither, four shapes
The finish uses an ordered Bayer pattern, so the dots line up in a clean grid rather than random noise. Choose dots, bars, crosses or rings, set the cell size, and use Density to decide how much of the gradient survives as solid color. Grain underneath keeps the flat areas from looking plastic.
How to get the look
Start from a dark background with one or two bright accents; dither reads best when there is somewhere for the dots to fade into. Set Effect to Dither, cell size 12 to 24 for a hero, density around the middle. For a social card, go coarser so the pattern is visible at feed size.
Where dithered gradients work
Website heroes and section backgrounds, OG images and launch posts, deck covers, app onboarding screens, and print, where an ordered pattern holds up on paper better than a smooth blur. Export at 1.91:1 for link previews and 4:5 for a LinkedIn portrait post.
Questions
- Is this the same as adding noise?
- No. Noise is random and scatters everywhere at the same strength. Dither is structured: the pattern follows the gradient, so bright areas stay solid and only the transitions break into dots. Use Grain for noise, Dither for pattern, or both.
- Can I change the dot shape?
- Yes. The dither finish offers dot, bar, cross and ring cells. Bars read as a scanline texture, rings as a halftone print.
- Will the pattern survive compression?
- Yes. The dither is rendered into the 4K JPEG at high quality, so the pattern stays crisp on the web and in Figma. For the sharpest result keep the cell size at 12 or above.
- Can I export a dithered gradient for free?
- Yes. Free accounts get five 4K exports a month with no watermark. Pro is a single payment for unlimited exports.
Make one now
The studio opens pre-set to this look. Shuffle until something feels right, then export.
Make a dithered gradient