Plum turquoise and citron steel pan fan

Dark plum and violet shift through blue into cyan and turquoise, then brighten through green toward a citron-yellow edge. Angular swatches, 48 colors at 225°: #2e174b, #874295, #1682b6, #20b8ab, #edc846. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#2e174b
#32194f
#381c54
#3f1e59
#482260
#512566
#5b296d
#652c73
#6f307a
#773480
#7f3987
#843d8e
#874295
#86469d
#844ba5
#7f51ac
#7756b2
#6e5cb7
#6462ba
#5868bc
#4c6dbc
#3f73ba
#3278b9
#247db7
#1682b6
#0387b5
#008cb4
#0090b3
#0095b3
#009ab3
#009fb3
#00a4b3
#00a9b3
#00aeb1
#10b3af
#20b8ab
#30bca6
#40c09f
#53c496
#66c88c
#7bca80
#90cc74
#a4cc68
#b7cc5d
#c8cb53
#d7ca4c
#e4c948
#edc846

CSS

background: conic-gradient(from 225deg, oklch(26.77% 0.0923 300.94) 0.000% 2.083%, oklch(27.95% 0.0952 302.27) 2.083% 4.167%, oklch(29.50% 0.0993 304.40) 4.167% 6.250%, oklch(31.36% 0.1042 307.10) 6.250% 8.333%, oklch(33.44% 0.1097 310.16) 8.333% 10.417%, oklch(35.68% 0.1156 313.35) 10.417% 12.500%, oklch(38.02% 0.1216 316.44) 12.500% 14.583%, oklch(40.37% 0.1275 319.20) 14.583% 16.667%, oklch(42.66% 0.1330 321.42) 16.667% 18.750%, oklch(44.84% 0.1378 322.86) 18.750% 20.833%, oklch(46.82% 0.1419 323.31) 20.833% 22.917%, oklch(48.53% 0.1448 322.53) 22.917% 25.000%, oklch(49.92% 0.1463 320.31) 25.000% 27.083%, oklch(51.02% 0.1465 316.53) 27.083% 29.167%, oklch(51.91% 0.1457 311.39) 29.167% 31.250%, oklch(52.61% 0.1439 305.12) 31.250% 33.333%, oklch(53.18% 0.1414 297.96) 33.333% 35.417%, oklch(53.65% 0.1385 290.14) 35.417% 37.500%, oklch(54.06% 0.1352 281.90) 37.500% 39.583%, oklch(54.46% 0.1317 273.47) 39.583% 41.667%, oklch(54.87% 0.1283 265.10) 41.667% 43.750%, oklch(55.35% 0.1252 257.02) 43.750% 45.833%, oklch(55.93% 0.1226 249.47) 45.833% 47.917%, oklch(56.66% 0.1206 242.68) 47.917% 50.000%, oklch(57.55% 0.1193 236.82) 50.000% 52.083%, oklch(58.54% 0.1183 231.61) 52.083% 54.167%, oklch(59.61% 0.1150 226.88) 54.167% 56.250%, oklch(60.74% 0.1127 222.50) 56.250% 58.333%, oklch(61.92% 0.1115 218.36) 58.333% 60.417%, oklch(63.14% 0.1112 214.34) 60.417% 62.500%, oklch(64.39% 0.1115 210.32) 62.500% 64.583%, oklch(65.65% 0.1124 206.20) 64.583% 66.667%, oklch(66.91% 0.1138 201.84) 66.667% 68.750%, oklch(68.16% 0.1160 197.14) 68.750% 70.833%, oklch(69.39% 0.1172 191.98) 70.833% 72.917%, oklch(70.58% 0.1182 186.24) 72.917% 75.000%, oklch(71.76% 0.1196 179.69) 75.000% 77.083%, oklch(73.01% 0.1216 172.13) 77.083% 79.167%, oklch(74.31% 0.1241 163.79) 79.167% 81.250%, oklch(75.63% 0.1269 154.90) 81.250% 83.333%, oklch(76.96% 0.1300 145.71) 83.333% 85.417%, oklch(78.26% 0.1332 136.44) 85.417% 87.500%, oklch(79.52% 0.1364 127.35) 87.500% 89.583%, oklch(80.70% 0.1395 118.66) 89.583% 91.667%, oklch(81.79% 0.1425 110.62) 91.667% 93.750%, oklch(82.76% 0.1451 103.46) 93.750% 95.833%, oklch(83.59% 0.1472 97.43) 95.833% 97.917%, oklch(84.25% 0.1488 92.76) 97.917% 100.000%);

In these collections

Steel pan poster