Deep blue pale orange blue rings

Navy, pink, beige and light blue palette with 56 colors. #303957, #b25e9b, #ffbd9f, #e4f3c4, #89cee9. Edit and export CSS, SVG, PNG or a shader.

56 colors, 4 editable OKLCH keyframes.

#303957
#343b5b
#383d60
#3d4066
#44426d
#4b4574
#54487b
#5e4b82
#684d88
#74508e
#805393
#8c5597
#99589a
#a65b9b
#b25e9b
#be619b
#ca6499
#d46896
#dd6c93
#e57190
#ec778d
#f27e8b
#f88589
#fd8d89
#ff978a
#ffa18e
#ffab94
#ffb599
#ffbd9f
#ffc5a6
#ffcdac
#ffd4b2
#ffdab8
#ffdfbc
#ffe4c0
#ffe8c1
#ffebc0
#feeebc
#f9f0be
#f4f2c0
#ecf3c2
#e4f3c4
#dbf3c6
#d2f2c8
#c8f1cb
#bdeece
#b3ecd1
#aae9d5
#a1e6d8
#9ae2dc
#94dedf
#8fdae1
#8cd7e4
#8ad3e6
#89d0e7
#89cee9

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(35.04% 0.0537 270.70) 0.0%, oklch(36.05% 0.0568 273.45) 1.8%, oklch(37.25% 0.0607 276.69) 3.6%, oklch(38.63% 0.0655 280.40) 5.5%, oklch(40.17% 0.0709 284.51) 7.3%, oklch(41.84% 0.0769 288.99) 9.1%, oklch(43.64% 0.0833 293.79) 10.9%, oklch(45.54% 0.0900 298.87) 12.7%, oklch(47.52% 0.0968 304.17) 14.5%, oklch(49.56% 0.1037 309.67) 16.4%, oklch(51.64% 0.1104 315.30) 18.2%, oklch(53.75% 0.1170 321.02) 20.0%, oklch(55.86% 0.1232 326.80) 21.8%, oklch(57.96% 0.1289 332.57) 23.6%, oklch(60.02% 0.1340 338.31) 25.5%, oklch(62.03% 0.1384 343.96) 27.3%, oklch(63.97% 0.1419 349.48) 29.1%, oklch(65.82% 0.1445 354.82) 30.9%, oklch(67.56% 0.1459 359.94) 32.7%, oklch(69.22% 0.1460 4.82) 34.5%, oklch(70.93% 0.1450 9.56) 36.4%, oklch(72.70% 0.1429 14.20) 38.2%, oklch(74.51% 0.1399 18.75) 40.0%, oklch(76.34% 0.1360 23.23) 41.8%, oklch(78.17% 0.1273 27.68) 43.6%, oklch(80.00% 0.1155 32.11) 45.5%, oklch(81.79% 0.1047 36.54) 47.3%, oklch(83.54% 0.0951 41.01) 49.1%, oklch(85.24% 0.0864 45.53) 50.9%, oklch(86.85% 0.0786 50.13) 52.7%, oklch(88.37% 0.0718 54.82) 54.5%, oklch(89.78% 0.0660 59.64) 56.4%, oklch(91.06% 0.0613 64.60) 58.2%, oklch(92.20% 0.0578 69.73) 60.0%, oklch(93.18% 0.0559 75.06) 61.8%, oklch(93.98% 0.0563 80.59) 63.6%, oklch(94.59% 0.0601 86.37) 65.5%, oklch(94.99% 0.0669 92.41) 67.3%, oklch(95.13% 0.0655 99.02) 69.1%, oklch(95.03% 0.0647 106.18) 70.9%, oklch(94.71% 0.0642 113.80) 72.7%, oklch(94.20% 0.0642 121.80) 74.5%, oklch(93.52% 0.0645 130.10) 76.4%, oklch(92.71% 0.0651 138.59) 78.2%, oklch(91.78% 0.0660 147.20) 80.0%, oklch(90.76% 0.0671 155.84) 81.8%, oklch(89.68% 0.0683 164.42) 83.6%, oklch(88.56% 0.0697 172.86) 85.5%, oklch(87.44% 0.0711 181.06) 87.3%, oklch(86.33% 0.0725 188.94) 89.1%, oklch(85.27% 0.0739 196.41) 90.9%, oklch(84.27% 0.0752 203.38) 92.7%, oklch(83.37% 0.0764 209.77) 94.5%, oklch(82.59% 0.0773 215.49) 96.4%, oklch(81.96% 0.0781 220.45) 98.2%, oklch(81.50% 0.0785 224.56) 100.0%);

In these collections

Sunrise gradients