MAKE GRADIENT
Lumina gradient engine
Studio
Home / Gallery
Showing all gradient modes

Curated Collection

High-fidelity mesh gradients generated with the Lumina gradient engine. Optimized for modern interfaces.

Mesh Sunrise Panel

Soft orange and blush mesh wash tuned for hero headers.

ID-001
Mesh Soft Neutral

Low-contrast neutral mesh for dashboard and card backgrounds.

ID-002
Mesh Violet Depth

Rich violet mesh with deep corners and soft center light.

ID-003
Mesh Emerald Glow

Emerald and teal mesh tuned for product hero backgrounds.

ID-004
Mesh Carbon

Dark carbon mesh with subtle blue and cyan accents.

ID-005
Mesh Coral Shell

Warm coral mesh with gentle off-white highlights.

ID-006
Mesh Holographic Neutral

Neutral mesh with holographic edge tints for cards.

ID-007
Mesh Night Drive

Deep navy mesh with electric magenta and cyan streaks.

ID-008
Mesh Soft Grain

Soft, grain-ready mesh for overlays and hero curtains.

ID-009
Mesh Signal

High-contrast mesh with warning amber and signal red.

ID-010
Aurora Mint

Soft mint and sky hues with a subtle aurora glow.

ID-011
Aurora Arctic

Cool arctic aurora with icy cyan ribbons.

ID-012
Aurora Lilac Fog

Lilac and periwinkle aurora bands for calm headers.

ID-013
Aurora Solar Storm

High-energy orange and pink aurora curtains.

ID-014
Aurora Northern Pine

Deep forest base with aurora green highlights.

ID-015
Aurora Cosmic Dawn

Cosmic aurora blend of teal, violet, and magenta.

ID-016
Aurora Pastel Ridge

Pastel aurora ridge for soft landing hero sections.

ID-017
Aurora Midnight Lake

Midnight blue base with green aurora reflections.

ID-018
Aurora Soft Citron

Soft citron and teal aurora for light marketing pages.

ID-019
Aurora Dusk Band

Dusk aurora in muted violet and blue bands.

ID-020
Ember Sunset

Warm magenta, coral, and ember tones for dramatic highlights.

ID-021
Radiant Citrus Pop

Citrus radiants with lime, tangerine, and golden flare.

ID-022
Radiant Berry Fizz

Berry and grape radiants for buttons and badges.

ID-023
Radiant Azure Ring

Electric blue radiants with cyan and teal edges.

ID-024
Radiant Lava Pool

Lava-like radiants mixing crimson, orange, and deep violet.

ID-025
Radiant Soft Blush

Delicate blush radiants for lightweight UI surfaces.

ID-026
Radiant Mint Spark

Mint and aqua radiants tuned for chip borders and accents.

ID-027
Radiant Night Pulse

Night-sky radiants with electric pink core.

ID-028
Radiant Gold Fade

Gold-centered radiants fading into charcoal edges.

ID-029
Radiant Coastal

Coastal teal and sand radiants for cards and chips.

ID-030
Deep Ocean

Dense blues and teal with luminous depth.

ID-031
Deep Glacier Trench

Cold, abyssal deep-sea gradient with subtle cyan light.

ID-032
Deep Reef

Teal and emerald deep-sea blend for underwater scenes.

ID-033
Deep Nebula

Deep-sea inspired nebula with violet and cyan veins.

ID-034
Deep Twilight Current

Twilight blue currents with pale aqua foam.

ID-035
Deep Kelp Forest

Dark kelp greens with shafts of turquoise light.

ID-036
Deep Midnight Swell

Midnight swells with indigo and cyan highlights.

ID-037
Deep Lumen Pool

Dark pool with bioluminescent teal and violet.

ID-038
Deep Fog Bank

Foggy blue-green deep-sea gradient for subtle backgrounds.

ID-039
Deep Cobalt Ridge

Cobalt ridges with soft cyan surfacing.

ID-040
Holographic Pearl

Iridescent pastel blend with airy highlights.

ID-041
Holographic Shell

Shell-like holographic blend of peach, lilac, and blue.

ID-042
Holographic Crystal

Crystal-inspired gradient with glassy cyan and magenta.

ID-043
Holographic Chrome

Chrome base with iridescent purple and teal highlights.

ID-044
Holographic Pastel Sky

Airy pastel holographic blend for hero banners.

ID-045
Holographic Icefield

Icy holographic gradient with pale violet and cyan.

ID-046
Holographic Noir

Dark holographic blend with jewel-toned highlights.

ID-047
Holographic Mauve Glass

Mauve-tinted glass gradient for overlays.

ID-048
Holographic Candy

Candy-like holographic hues for playful headers.

ID-049
Holographic Mist

Soft mist holographic blend for subtle backgrounds.

ID-050
Neon Plasma

High-energy electric palette for bold accents.

ID-051
Flow Electric Rush

High-velocity flow of cyan, magenta, and lime.

ID-052
Flow Paradise Stream

Tropical flow gradient with seafoam and tangerine.

ID-053
Flow Radar Sweep

Radar-like flow with neon greens and blues.

ID-054
Flow Laser Grid

Laser-like streaks of magenta, cyan, and violet.

ID-055
Flow Sunset Current

Flowing sunset gradient with molten oranges and pinks.

ID-056
Flow Arcade

Retro arcade flow gradient with punchy primaries.

ID-057
Flow Cyber Fog

Cyberpunk fog gradient with teal and magenta flow.

ID-058
Flow Signal Noise

Signal-like flow with amber, cyan, and red.

ID-059
Flow Soft Spectrum

Soft spectrum flow suitable for backgrounds and reveals.

ID-060

Mesh gradients, Oklch, and WebGL

Lumina builds gradients in the Oklch color space and renders them on a lightweight WebGL engine. Each preset uses perceptually uniform color steps so blends stay smooth across devices.

Gradient generator for modern UI

Use these presets as starting points for hero sections, dashboards, and landing pages, then remix them live in the studio or embed them via code exports.

Explore company gradient generators
Engine: Oklch/WebGL Ver: 1.0.0
Buy me a coffee
Open Generator