Apple Gradient Generator
Apple's gradient language is subtle and directional — light emanates from a top-left source, casting gentle shadows toward the bottom-right. Their hero gradients blend silver, pearl, and accent colors with spectral mode, achieving maximum luminance softness without any visible banding.
Style Presets
View all in Studio ↗Design Insight — Apple
Apple relies on radial gradients with a single dominant light source. The key is opacity falloff — the gradient center is fully opaque while edges fade to the surface color rather than transparent. This preserves legibility of text and UI elements sitting above the gradient, a constraint that defines their entire visual system.
Remix any preset in the live studio — adjust the blend mode, speed, and noise to push the style further. Export as PNG, CSS, React component, or vector SVG for Figma.