Teal blue magenta diagonal

Brown, purple, blue and navy color palette

Linear gradient, 32 colors at 45°: #ab4d04, #8a569f, #007598, #005f75, #05435f. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#ab4d04
#ad4a1f
#ae4833
#ae4647
#ac465a
#a7486e
#a04b80
#965091
#8a569f
#7b5caa
#6b62af
#5a68b1
#496daf
#3771ab
#2574a5
#12759e
#007598
#007390
#00718a
#006e85
#006b80
#00677c
#006378
#005f75
#005a71
#00566e
#00526b
#004e69
#014b66
#034763
#044561
#05435f

CSS

background: linear-gradient(45deg in oklch, oklch(53.15% 0.1419 48.52) 0.0%, oklch(53.17% 0.1405 41.68) 3.2%, oklch(53.24% 0.1388 32.88) 6.5%, oklch(53.34% 0.1367 22.41) 9.7%, oklch(53.47% 0.1345 10.57) 12.9%, oklch(53.62% 0.1320 357.64) 16.1%, oklch(53.77% 0.1294 343.92) 19.4%, oklch(53.90% 0.1266 329.71) 22.6%, oklch(54.01% 0.1237 315.28) 25.8%, oklch(54.08% 0.1208 300.94) 29.0%, oklch(54.10% 0.1179 286.97) 32.3%, oklch(54.06% 0.1150 273.67) 35.5%, oklch(53.94% 0.1122 261.33) 38.7%, oklch(53.74% 0.1094 250.25) 41.9%, oklch(53.43% 0.1069 240.70) 45.2%, oklch(53.01% 0.1045 233.00) 48.4%, oklch(52.46% 0.1016 227.34) 51.6%, oklch(51.73% 0.0965 223.22) 54.8%, oklch(50.83% 0.0928 220.42) 58.1%, oklch(49.79% 0.0899 218.80) 61.3%, oklch(48.64% 0.0875 218.19) 64.5%, oklch(47.41% 0.0854 218.46) 67.7%, oklch(46.12% 0.0837 219.44) 71.0%, oklch(44.80% 0.0821 220.98) 74.2%, oklch(43.47% 0.0809 222.93) 77.4%, oklch(42.17% 0.0800 225.14) 80.6%, oklch(40.90% 0.0793 227.46) 83.9%, oklch(39.72% 0.0789 229.72) 87.1%, oklch(38.62% 0.0780 231.74) 90.3%, oklch(37.66% 0.0767 233.45) 93.5%, oklch(36.85% 0.0754 234.66) 96.8%, oklch(36.22% 0.0744 235.21) 100.0%);

In these collections

Orange and blue gradients