Drag blobs · Double-click to add · Save presets · Full-window preview
Aurora Gradient Editor creates app background gradients using gaussian color blobs positioned on a canvas. All colors are computed from a single base accent color using the Oklch perceptually uniform color space.
How it works: Each blob stores a recipe — hue shift, chroma multiplier, lightness multiplier, and size — relative to the base color. When you switch the base color (e.g. from Blue to Green), all blobs recompute their absolute colors while preserving the same visual harmony.
Dark vs Light mode: The same recipes produce different lightness ranges per mode. Glow ☾ and Glow ☀ control chroma intensity independently — light backgrounds need less chroma to look equally vivid.
Oklch math: L = isDark ? (0.10 + lMul × 0.28) : (0.82 + lMul × 0.13), C = baseChroma × cMul × glow, H = baseHue + hueShift. Oklch guarantees equal ΔL = equal perceived brightness change regardless of hue.
Export: CSS uses oklch() with calc(var(--aurora-hue) + shift) — change one variable to recolor. SwiftUI export generates AuroraConfig.swift with blob recipes that resolve at runtime from baseHue + colorScheme.