Grainy Sunset: a coral-to-purple linear gradient under heavy film grain
Grainy Sunset is the most textured look in the set. A Linear gradient at 160 degrees carries coral red through apricot into purple, and Grain at 55 with Grain Size 2 lays a coarse, film-like noise over it. The result feels printed instead of rendered, which is why it suits editorial covers, music and event graphics, and social posts.
Make it yours
Calm the grain for UI
Grain is at 55 here; drop it toward 20 when the gradient sits behind interface text, and bring Grain Size back to 1.5 so the noise turns fine instead of speckled.
Turn the horizon
Angle is 160, a slight diagonal. Try 90 or 180 to square the fade with the edges of the frame, or switch Mirror to Top / bottom to fold the colors into a symmetrical band.
FAQ
Why add grain to a gradient at all?
Grain hides the banding that smooth gradients show on some screens, and it gives flat color a tactile, analog quality. At 55 it becomes a visible style choice, like a risograph print or a film still. Switch on Grain Anim if you want the noise to flicker the way film does.
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.