open-props/src/props.purple-hsl.css

<div align="center">

:where(html) {
  --purple-0-hsl: 280 67% 96%;
  --purple-1-hsl: 287 77% 92%;
  --purple-2-hsl: 288 86% 86%;
  --purple-3-hsl: 289 85% 78%;
  --purple-4-hsl: 288 83% 71%;
  --purple-5-hsl: 288 75% 64%;
  --purple-6-hsl: 288 67% 58%;
  --purple-7-hsl: 288 56% 52%;
  --purple-8-hsl: 288 54% 46%;
  --purple-9-hsl: 288 54% 40%;
  --purple-10-hsl: 288 55% 33%;
  --purple-11-hsl: 288 56% 26%;
  --purple-12-hsl: 288 55% 20%;
}