Amethyst potion cabinet

Light blue, green, navy and dark purple color palette

Pale amethyst and icy cyan lead to sage and moss green, then deep potion teal, midnight indigo and a dark aubergine. A layered, magical dark-to-light run. Linear gradient, 32 colors at 315°: #e4d7ff, #80b99b, #4d7a51, #00485a, #380a27. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#e4d7ff
#d9d5ff
#c9d3ff
#b2d1ff
#91d1fc
#7fcfe6
#77cacc
#79c3b2
#80b99b
#85af89
#86a67b
#839d71
#7e9568
#758e60
#6a8759
#5d8054
#4d7a51
#3b7450
#266e51
#016753
#005f56
#005757
#005058
#00485a
#003f5f
#133561
#242b5b
#2e2252
#341a46
#37143b
#380e30
#380a27

CSS

background: linear-gradient(315deg in oklch, oklch(90.16% 0.0561 300.24) 0.0%, oklch(88.91% 0.0579 289.86) 3.2%, oklch(87.34% 0.0621 275.38) 6.5%, oklch(85.49% 0.0721 257.85) 9.7%, oklch(83.41% 0.0888 238.31) 12.9%, oklch(81.15% 0.0849 217.81) 16.1%, oklch(78.76% 0.0810 197.39) 19.4%, oklch(76.29% 0.0775 178.10) 22.6%, oklch(73.79% 0.0744 160.99) 25.8%, oklch(71.31% 0.0720 147.09) 29.0%, oklch(68.89% 0.0705 137.46) 32.3%, oklch(66.53% 0.0702 132.53) 35.5%, oklch(64.06% 0.0709 130.68) 38.7%, oklch(61.49% 0.0724 131.47) 41.9%, oklch(58.86% 0.0746 134.57) 45.2%, oklch(56.20% 0.0772 139.66) 48.4%, oklch(53.55% 0.0800 146.41) 51.6%, oklch(50.92% 0.0828 154.49) 54.8%, oklch(48.37% 0.0854 163.59) 58.1%, oklch(45.91% 0.0876 173.38) 61.3%, oklch(43.59% 0.0774 183.52) 64.5%, oklch(41.42% 0.0708 193.91) 67.7%, oklch(39.28% 0.0673 206.61) 71.0%, oklch(37.15% 0.0685 221.73) 74.2%, oklch(35.07% 0.0784 238.56) 77.4%, oklch(33.05% 0.0871 256.31) 80.6%, oklch(31.14% 0.0857 274.45) 83.9%, oklch(29.35% 0.0843 292.23) 87.1%, oklch(27.71% 0.0829 308.93) 90.3%, oklch(26.26% 0.0816 323.87) 93.5%, oklch(25.02% 0.0806 336.35) 96.8%, oklch(24.02% 0.0799 345.67) 100.0%);

In these collections

Witchy color palette