Russet coral and sea glass

Deep russet warms through copper and coral, turns through magenta and violet into blue and cyan, then softens through sea green to pale sage. Angular gradient, 72 colors at 20°: #8a3e2d, #d66d43, #964cb6, #49bfa4, #c4e9c8. Edit and export CSS, SVG, PNG or a shader.
5 editable OKLCH keyframes.
- #8a3e2d
- #8d3f2e
- #90412e
- #93442f
- #984730
- #9c4a30
- #a14e31
- #a65232
- #ab5632
- #b05a33
- #b55d34
- #ba6135
- #bf6536
- #c46837
- #c96a39
- #cd6c3b
- #d16d3d
- #d46e40
- #d66d43
- #d86c47
- #d9694a
- #d9664e
- #d96252
- #d85e57
- #d6595c
- #d35561
- #d05067
- #cc4c6d
- #c84874
- #c3457b
- #bd4383
- #b7418b
- #b14194
- #ab429c
- #a444a5
- #9d48ae
- #964cb6
- #8e51bf
- #8558c8
- #7a60d0
- #6e68d6
- #6071da
- #4f7adc
- #3b83dc
- #1d8cd9
- #0095d1
- #009cc8
- #00a2c2
- #00a8bc
- #00aeb7
- #00b4b3
- #1bb9ad
- #37bca8
- #49bfa4
- #58c1a1
- #64c39f
- #6fc69f
- #79c89f
- #82cba1
- #8acda3
- #91d0a6
- #98d3a9
- #9ed6ac
- #a4d8b0
- #a9dbb4
- #aeddb7
- #b2e0bb
- #b6e2be
- #bae4c2
- #bee6c4
- #c1e7c7
- #c4e9c8
CSS
background: conic-gradient(from 20deg in oklch, oklch(46.06% 0.1089 33.75) 0.0%, oklch(46.70% 0.1099 34.15) 1.4%, oklch(47.52% 0.1112 34.85) 2.8%, oklch(48.50% 0.1127 35.79) 4.2%, oklch(49.61% 0.1144 36.91) 5.6%, oklch(50.83% 0.1162 38.17) 7.0%, oklch(52.14% 0.1182 39.50) 8.5%, oklch(53.50% 0.1202 40.85) 9.9%, oklch(54.90% 0.1223 42.17) 11.3%, oklch(56.30% 0.1246 43.41) 12.7%, oklch(57.69% 0.1268 44.50) 14.1%, oklch(59.03% 0.1291 45.40) 15.5%, oklch(60.30% 0.1313 46.05) 16.9%, oklch(61.47% 0.1336 46.39) 18.3%, oklch(62.52% 0.1358 46.38) 19.7%, oklch(63.43% 0.1379 45.95) 21.1%, oklch(64.17% 0.1400 45.06) 22.5%, oklch(64.70% 0.1419 43.64) 23.9%, oklch(65.02% 0.1438 41.66) 25.4%, oklch(65.08% 0.1457 39.22) 26.8%, oklch(64.91% 0.1479 36.40) 28.2%, oklch(64.53% 0.1502 33.22) 29.6%, oklch(63.98% 0.1526 29.69) 31.0%, oklch(63.30% 0.1550 25.84) 32.4%, oklch(62.50% 0.1575 21.69) 33.8%, oklch(61.62% 0.1599 17.24) 35.2%, oklch(60.68% 0.1623 12.52) 36.6%, oklch(59.73% 0.1645 7.55) 38.0%, oklch(58.79% 0.1666 2.35) 39.4%, oklch(57.89% 0.1685 356.93) 40.8%, oklch(57.06% 0.1701 351.31) 42.3%, oklch(56.33% 0.1714 345.51) 43.7%, oklch(55.73% 0.1723 339.55) 45.1%, oklch(55.30% 0.1729 333.44) 46.5%, oklch(55.05% 0.1730 327.21) 47.9%, oklch(55.03% 0.1726 320.87) 49.3%, oklch(55.26% 0.1717 314.36) 50.7%, oklch(55.66% 0.1703 307.23) 52.1%, oklch(56.23% 0.1683 299.49) 53.5%, oklch(56.94% 0.1659 291.24) 54.9%, oklch(57.77% 0.1630 282.57) 56.3%, oklch(58.72% 0.1598 273.58) 57.7%, oklch(59.76% 0.1563 264.36) 59.2%, oklch(60.88% 0.1526 255.01) 60.6%, oklch(62.07% 0.1486 245.62) 62.0%, oklch(63.30% 0.1368 236.30) 63.4%, oklch(64.57% 0.1248 227.12) 64.8%, oklch(65.85% 0.1185 218.19) 66.2%, oklch(67.13% 0.1159 209.60) 67.6%, oklch(68.39% 0.1163 201.45) 69.0%, oklch(69.63% 0.1191 193.84) 70.4%, oklch(70.81% 0.1196 186.86) 71.8%, oklch(71.94% 0.1159 180.60) 73.2%, oklch(72.98% 0.1124 175.17) 74.6%, oklch(73.97% 0.1092 170.56) 76.1%, oklch(74.99% 0.1058 166.59) 77.5%, oklch(76.04% 0.1024 163.21) 78.9%, oklch(77.12% 0.0989 160.36) 80.3%, oklch(78.20% 0.0953 158.00) 81.7%, oklch(79.29% 0.0918 156.07) 83.1%, oklch(80.37% 0.0883 154.52) 84.5%, oklch(81.45% 0.0848 153.31) 85.9%, oklch(82.50% 0.0814 152.38) 87.3%, oklch(83.52% 0.0781 151.69) 88.7%, oklch(84.51% 0.0749 151.18) 90.1%, oklch(85.46% 0.0718 150.80) 91.5%, oklch(86.35% 0.0689 150.51) 93.0%, oklch(87.19% 0.0662 150.26) 94.4%, oklch(87.95% 0.0637 149.99) 95.8%, oklch(88.64% 0.0615 149.65) 97.2%, oklch(89.25% 0.0595 149.20) 98.6%, oklch(89.76% 0.0579 148.58) 100.0%);In these collections
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works