Argon

.gradient {
  background-image: linear-gradient(90deg, #03001e 0%, #070028 2.38%, #0e0132 4.76%, #15013c 7.14%, #1d0147 9.52%, #250252 11.9%, #2d025e 14.28%, #350269 16.67%, #3d0375 19.05%, #460381 21.43%, #4f038d 23.81%, #57039a 26.19%, #6003a6 28.57%, #6a03b3 30.95%, #7303c0 33.33%, #7b10c0 35.71%, #8318c0 38.09%, #8b1ec0 40.47%, #9323c0 42.86%, #9c27c0 45.24%, #a42ac0 47.62%, #ad2dbf 50%, #b530bf 52.38%, #be32bf 54.76%, #c734be 57.14%, #d035be 59.53%, #d936bd 61.91%, #e337bd 64.29%, #ec38bc 66.67%, #ef4cc1 69.05%, #f25cc5 71.43%, #f46bc9 73.81%, #f678ce 76.19%, #f885d2 78.57%, #fa92d7 80.95%, #fb9edb 83.34%, #fcaadf 85.72%, #fdb6e4 88.1%, #fec1e8 90.48%, #fecdec 92.86%, #fed8f1 95.24%, #fee4f5 97.62%, #fdeff9 100%);
  background-image: linear-gradient(90deg in oklab, #03001e 0%, #7303c0 33.33%, #ec38bc 66.67%, #fdeff9 100%);
}

bg-[linear-gradient(90deg_in_oklab,#03001e_0%,#7303c0_33.33%,#ec38bc_66.67%,#fdeff9_100%)]

<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="600" viewBox="0 0 1440 600"><defs><linearGradient id="bs-gradient" gradientUnits="userSpaceOnUse" x1="0" y1="300" x2="1440" y2="300"><stop offset="0%" stop-color="#03001e"/><stop offset="2.38%" stop-color="#070028"/><stop offset="4.76%" stop-color="#0e0132"/><stop offset="7.14%" stop-color="#15013c"/><stop offset="9.52%" stop-color="#1d0147"/><stop offset="11.9%" stop-color="#250252"/><stop offset="14.28%" stop-color="#2d025e"/><stop offset="16.67%" stop-color="#350269"/><stop offset="19.05%" stop-color="#3d0375"/><stop offset="21.43%" stop-color="#460381"/><stop offset="23.81%" stop-color="#4f038d"/><stop offset="26.19%" stop-color="#57039a"/><stop offset="28.57%" stop-color="#6003a6"/><stop offset="30.95%" stop-color="#6a03b3"/><stop offset="33.33%" stop-color="#7303c0"/><stop offset="35.71%" stop-color="#7b10c0"/><stop offset="38.09%" stop-color="#8318c0"/><stop offset="40.47%" stop-color="#8b1ec0"/><stop offset="42.86%" stop-color="#9323c0"/><stop offset="45.24%" stop-color="#9c27c0"/><stop offset="47.62%" stop-color="#a42ac0"/><stop offset="50%" stop-color="#ad2dbf"/><stop offset="52.38%" stop-color="#b530bf"/><stop offset="54.76%" stop-color="#be32bf"/><stop offset="57.14%" stop-color="#c734be"/><stop offset="59.53%" stop-color="#d035be"/><stop offset="61.91%" stop-color="#d936bd"/><stop offset="64.29%" stop-color="#e337bd"/><stop offset="66.67%" stop-color="#ec38bc"/><stop offset="69.05%" stop-color="#ef4cc1"/><stop offset="71.43%" stop-color="#f25cc5"/><stop offset="73.81%" stop-color="#f46bc9"/><stop offset="76.19%" stop-color="#f678ce"/><stop offset="78.57%" stop-color="#f885d2"/><stop offset="80.95%" stop-color="#fa92d7"/><stop offset="83.34%" stop-color="#fb9edb"/><stop offset="85.72%" stop-color="#fcaadf"/><stop offset="88.1%" stop-color="#fdb6e4"/><stop offset="90.48%" stop-color="#fec1e8"/><stop offset="92.86%" stop-color="#fecdec"/><stop offset="95.24%" stop-color="#fed8f1"/><stop offset="97.62%" stop-color="#fee4f5"/><stop offset="100%" stop-color="#fdeff9"/></linearGradient></defs><rect width="1440" height="600" fill="url(#bs-gradient)"/></svg>

{
  "argon": {
    "$type": "gradient",
    "$value": [
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.012,
            0,
            0.118
          ],
          "hex": "#03001e"
        },
        "position": 0
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.451,
            0.012,
            0.753
          ],
          "hex": "#7303c0"
        },
        "position": 0.3333
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.925,
            0.22,
            0.737
          ],
          "hex": "#ec38bc"
        },
        "position": 0.6667
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.992,
            0.937,
            0.976
          ],
          "hex": "#fdeff9"
        },
        "position": 1
      }
    ],
    "$extensions": {
      "com.brandsweets": {
        "kind": "linear",
        "css": "linear-gradient(90deg in oklab, #03001e 0%, #7303c0 33.33%, #ec38bc 66.67%, #fdeff9 100%)",
        "interpolation": "oklab",
        "angle": 90,
        "name": "Argon",
        "contrast": {
          "white": {
            "ratio": 1.112,
            "at": 1,
            "passesAA": false,
            "passesAALarge": false
          },
          "black": {
            "ratio": 1.023,
            "at": 0,
            "passesAA": false,
            "passesAALarge": false
          },
          "suggestedInk": "#ffffff"
        }
      }
    },
    "$description": "Argon (uiGradients, MIT), rendered in OKLab."
  }
}