conic gradient · OKLCH
Spectrum
vibrant
CSS
background: conic-gradient(from 0deg at 50% 50% in oklch, #EF4444 0%, #F59E0B 17%, #10B981 33%, #06B6D4 50%, #3B82F6 67%, #8B5CF6 83%, #EF4444 100%);
Tailwind arbitrary
bg-[conic-gradient(from 0deg at 50% 50% in oklch, #EF4444 0%, #F59E0B 17%, #10B981 33%, #06B6D4 50%, #3B82F6 67%, #8B5CF6 83%, #EF4444 100%)]
SCSS
$gradient: conic-gradient(from 0deg at 50% 50% in oklch, #EF4444 0%, #F59E0B 17%, #10B981 33%, #06B6D4 50%, #3B82F6 67%, #8B5CF6 83%, #EF4444 100%);
OKLCH interpolation needs Safari 16.4+, Chrome 111+, or Firefox 113+. For older browsers, drop the in oklch keyword for an sRGB fallback.