Ruby and amber stained glass glow

Black, dark purple, orange and beige color palette

Charcoal and dark plum open through ruby red, burnt orange, amber, and gold into warm pale cream. Linear gradient, 24 colors at 30°: #171820, #5f1642, #c06300, #deb64f, #e9d9b5. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#171820
#1b1a28
#221c31
#2d1c3a
#3b1b41
#4d1944
#5f1642
#72153d
#831a35
#94262c
#a6371f
#b54b09
#c06300
#c97800
#d28b00
#d89d1d
#dbab37
#deb64f
#e0bf66
#e3c77b
#e5cd8e
#e6d29e
#e7d6ab
#e9d9b5

CSS

background: linear-gradient(30deg in oklch, oklch(21.26% 0.0152 279.14) 0.0%, oklch(22.60% 0.0258 286.45) 4.3%, oklch(24.27% 0.0410 296.34) 8.7%, oklch(26.24% 0.0591 308.13) 13.0%, oklch(28.53% 0.0786 321.12) 17.4%, oklch(31.10% 0.0979 334.62) 21.7%, oklch(33.97% 0.1154 347.95) 26.1%, oklch(37.12% 0.1296 0.42) 30.4%, oklch(40.58% 0.1391 11.48) 34.8%, oklch(44.72% 0.1456 22.50) 39.1%, oklch(49.45% 0.1501 33.69) 43.5%, oklch(54.52% 0.1527 44.71) 47.8%, oklch(59.69% 0.1475 55.18) 52.2%, oklch(64.71% 0.1454 64.80) 56.5%, oklch(69.32% 0.1475 73.20) 60.9%, oklch(73.28% 0.1451 80.02) 65.2%, oklch(76.47% 0.1386 84.90) 69.6%, oklch(79.21% 0.1281 87.88) 73.9%, oklch(81.57% 0.1149 89.34) 78.3%, oklch(83.58% 0.1001 89.69) 82.6%, oklch(85.29% 0.0850 89.35) 87.0%, oklch(86.73% 0.0710 88.72) 91.3%, oklch(87.95% 0.0592 88.21) 95.7%, oklch(88.98% 0.0510 88.22) 100.0%);

In these collections

Stained glass colors