Bayer Dither: an ordered dithering gradient in acid green, magenta and cyan
Bayer Dither redraws a neon Mesh through a classic 8x8 Bayer matrix, the ordered dithering of early computer graphics. Tone levels is 3, so each color channel can only be off, half or full, and the matrix spreads those few steps into a regular crosshatch of dots that still reads as a blend from acid green through cyan to magenta. Cell size 3 keeps each dither cell small, and Grain is 0 so nothing muddies the pattern.
Make it yours
Make the pixels chunkier
Cell size is 3 px. Raise it to 8 and the dither turns into a visible, blocky console texture; at 16 it becomes a bold mosaic that suits posters better than interface backgrounds.
Go one-bit
Set Treatment colors to Duotone with Tone levels at 2 and every cell drops to either the Dark color or the Light color, like an old monochrome screen. Tone levels at 6 brings the neon gradient back toward smooth.
FAQ
What is Bayer or ordered dithering?
It is a way to fake more shades with fewer colors by comparing each pixel against a fixed threshold pattern, here an 8x8 Bayer matrix. Because the pattern repeats, the result is a tidy, regular texture instead of the random speckle of error diffusion, which is why it suits retro and pixel art styles.
How it works
Pick a starting point
Start from one of 28 looks such as Soft Mesh, Eclipse Rays or Riso Halftone, or choose a gradient type and one of 24 palettes.
Tune the gradient
Adjust scale, distortion, swirl and softness, add grain, glass panes or glass tiles, a dot, grid or line overlay, a second blended layer or a treatment such as halftone or pixel sort, and switch animation on with its own speed.
Preview and use it
See the gradient in landing page, card, mobile and sign up layouts, then sign in with a free UX Pilot account to use it on the canvas or export it.