Generator
Create with color.xima gradients
Choose any existing gradient, preview it as a block or as text, then copy Tailwind or CSS3.
glow-aurora-cyan
color.xima
For gradient text, keep a readable fallback color for forced-color and high-contrast modes.
Tailwind
bg-[radial-gradient(45%_60%_at_18%_18%,rgba(34,211,238,0.62)_0%,rgba(34,211,238,0)_100%),radial-gradient(48%_62%_at_82%_16%,rgba(59,130,246,0.54)_0%,rgba(59,130,246,0)_100%),radial-gradient(70%_95%_at_52%_84%,rgba(56,189,248,0.46)_0%,rgba(56,189,248,0)_100%),linear-gradient(145deg,#ecfeff_0%,#e0f2fe_55%,#dbeafe_100%)] border border-solid border-[rgba(14,165,233,0.24)] shadow-[0_0_0_1px_rgba(34,211,238,0.12),0_14px_34px_-18px_rgba(14,165,233,0.55),0_0_40px_rgba(56,189,248,0.28)]