Brand-Inspired Gradients

Company Gradient Generators

Recreate the gradient aesthetic of Stripe, Linear, Figma, and more — using the Lumina WebGL engine. Each generator provides curated color palettes, style presets, and direct export to your preferred format.

Stripe

Fluid mesh gradients, payment-grade UI

Mesh

OpenAI

Dark emerald mesh — intelligence without noise

Mesh

Linear

Dark violet mesh for high-velocity product tools

Mesh

Apple

Glass-smooth radial gradients for native UI depth

Spectral

Figma

Five-color spectrum gradients for design tools

Holographic

Airbnb

Warm coral aurora — belonging in every gradient

Aurora

Brand gradients, rebuilt with WebGL

Each generator is curated from the real brand palettes of leading tech companies. The Lumina engine recreates their gradient aesthetic in Oklch color space — producing perceptually smooth blends that match what you see on their live sites.

Export for any workflow

Every gradient can be remixed in the live studio, downloaded as PNG, exported as CSS or React component, or copied to Figma as vector SVG. Start from a brand preset and make it your own.

Browse the full gradient gallery