Mint cyan violet ascent

Across the diagonal gradient, pale mint deepens through green and turquoise into bright cyan, periwinkle, violet, and dark purple. #f1fff9, #30c3df, #37214e.

32 colors, 4 editable OKLCH keyframes.

#f1fff9
#e8fdf4
#defaed
#d3f7e4
#c6f3da
#b9eece
#ace9c3
#9fe4b7
#92dfad
#84dba6
#74d7a3
#63d4a6
#4fd1ad
#39cfb9
#25ccc6
#20c9d3
#30c3df
#45bde7
#58b5eb
#67adea
#71a3e6
#7699de
#768dd2
#737fc3
#6e71b3
#6662a1
#5d5490
#54477f
#4b3a6f
#433062
#3c2756
#37214e

CSS

background: linear-gradient(333deg in oklch, oklch(98.82% 0.0164 168.07) 0.0%, oklch(97.70% 0.0256 167.17) 3.2%, oklch(96.23% 0.0343 165.45) 6.5%, oklch(94.47% 0.0448 163.22) 9.7%, oklch(92.50% 0.0565 160.77) 12.9%, oklch(90.39% 0.0689 158.43) 16.1%, oklch(88.23% 0.0813 156.51) 19.4%, oklch(86.07% 0.0931 155.32) 22.6%, oklch(84.00% 0.1039 155.17) 25.8%, oklch(82.09% 0.1129 156.38) 29.0%, oklch(80.42% 0.1196 159.26) 32.3%, oklch(79.06% 0.1238 164.19) 35.5%, oklch(78.05% 0.1261 171.35) 38.7%, oklch(77.30% 0.1269 180.31) 41.9%, oklch(76.71% 0.1264 190.63) 45.2%, oklch(76.17% 0.1250 201.86) 48.4%, oklch(75.58% 0.1227 213.55) 51.6%, oklch(74.85% 0.1201 225.25) 54.8%, oklch(73.87% 0.1171 236.52) 58.1%, oklch(72.55% 0.1143 246.91) 61.3%, oklch(70.77% 0.1117 255.97) 64.5%, oklch(68.44% 0.1096 263.32) 67.7%, oklch(65.33% 0.1072 269.74) 71.0%, oklch(61.57% 0.1043 275.54) 74.2%, oklch(57.33% 0.1012 280.77) 77.4%, oklch(52.80% 0.0979 285.46) 80.6%, oklch(48.17% 0.0945 289.64) 83.9%, oklch(43.62% 0.0912 293.37) 87.1%, oklch(39.33% 0.0881 296.66) 90.3%, oklch(35.50% 0.0853 299.57) 93.5%, oklch(32.30% 0.0830 302.13) 96.8%, oklch(29.92% 0.0813 304.37) 100.0%);

In these collections

Extra celestial