linear gradient · OKLCH
Indigo Sky
brand · cool
CSS
background: linear-gradient(135deg in oklch, #6366F1 0%, #3B82F6 50%, #06B6D4 100%);
Tailwind arbitrary
bg-[linear-gradient(135deg in oklch, #6366F1 0%, #3B82F6 50%, #06B6D4 100%)]
SCSS
$gradient: linear-gradient(135deg in oklch, #6366F1 0%, #3B82F6 50%, #06B6D4 100%);
OKLCH interpolation needs Safari 16.4+, Chrome 111+, or Firefox 113+. For older browsers, drop the in oklch keyword for an sRGB fallback.