https://www.radix-ui.com/colors/docs/palette-composition/scales
Copies the following:
const grayA = {
grayA1: "#000000",
grayA2: "#000000",
grayA3: "#000000",
grayA4: "#000000",
grayA5: "#000000",
grayA6: "#000000",
grayA7: "#000000",
grayA8: "#000000",
grayA9: "#000000",
grayA10: "#000000",
grayA11: "#000000",
grayA12: "#000000",
}
Others work, e.g. css:
.grayA {
--gray-a1: #00000003;
--gray-a2: #00000006;
--gray-a3: #0000000f;
--gray-a4: #00000017;
--gray-a5: #0000001f;
--gray-a6: #00000026;
--gray-a7: #00000031;
--gray-a8: #00000044;
--gray-a9: #00000072;
--gray-a10: #0000007c;
--gray-a11: #0000009b;
--gray-a12: #000000df;
}