Blue teal diagonal sweep

Green, teal, blue and mustard color palette

Linear gradient, 56 colors at 135°: #87b772, #2b808a, #355071, #008675, #d0a10e. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#87b772
#82b673
#7cb475
#74b278
#6caf7a
#63ac7d
#5aa880
#51a482
#48a085
#3f9b87
#389689
#32918a
#2e8b8b
#2c868b
#2b808a
#2c7a89
#2e7488
#306f85
#316a83
#336580
#34617d
#365d7b
#365978
#375676
#375473
#375272
#365171
#365071
#355071
#335172
#315373
#2f5575
#2c5877
#275c79
#22607b
#1a657d
#106a7e
#016f7e
#00757d
#007a7b
#008079
#008675
#188c70
#2c906a
#3f9562
#50985a
#619b52
#729e48
#82a03f
#91a135
#9fa12b
#aca222
#b7a21a
#c1a113
#caa10f
#d0a10e

CSS

background: linear-gradient(135deg in oklch, oklch(72.83% 0.1089 136.41) 0.0%, oklch(72.21% 0.1079 138.87) 1.8%, oklch(71.43% 0.1067 141.97) 3.6%, oklch(70.52% 0.1052 145.63) 5.5%, oklch(69.48% 0.1035 149.81) 7.3%, oklch(68.34% 0.1016 154.44) 9.1%, oklch(67.11% 0.0996 159.47) 10.9%, oklch(65.79% 0.0974 164.83) 12.7%, oklch(64.40% 0.0951 170.48) 14.5%, oklch(62.96% 0.0927 176.35) 16.4%, oklch(61.48% 0.0902 182.38) 18.2%, oklch(59.96% 0.0877 188.53) 20.0%, oklch(58.43% 0.0852 194.72) 21.8%, oklch(56.90% 0.0827 200.90) 23.6%, oklch(55.38% 0.0803 207.01) 25.5%, oklch(53.88% 0.0779 213.00) 27.3%, oklch(52.42% 0.0755 218.81) 29.1%, oklch(51.01% 0.0733 224.37) 30.9%, oklch(49.66% 0.0713 229.64) 32.7%, oklch(48.39% 0.0694 234.55) 34.5%, oklch(47.21% 0.0677 239.05) 36.4%, oklch(46.13% 0.0662 243.07) 38.2%, oklch(45.16% 0.0649 246.56) 40.0%, oklch(44.33% 0.0639 249.47) 41.8%, oklch(43.63% 0.0632 251.73) 43.6%, oklch(43.10% 0.0628 253.28) 45.5%, oklch(42.73% 0.0628 254.07) 47.3%, oklch(42.54% 0.0631 254.05) 49.1%, oklch(42.55% 0.0638 253.13) 50.9%, oklch(42.75% 0.0649 251.29) 52.7%, oklch(43.13% 0.0665 248.58) 54.5%, oklch(43.69% 0.0684 245.05) 56.4%, oklch(44.40% 0.0707 240.78) 58.2%, oklch(45.25% 0.0733 235.83) 60.0%, oklch(46.23% 0.0761 230.27) 61.8%, oklch(47.32% 0.0792 224.16) 63.6%, oklch(48.52% 0.0826 217.56) 65.5%, oklch(49.81% 0.0861 210.54) 67.3%, oklch(51.18% 0.0872 203.18) 69.1%, oklch(52.61% 0.0897 195.51) 70.9%, oklch(54.09% 0.0942 187.62) 72.7%, oklch(55.60% 0.1012 179.58) 74.5%, oklch(57.13% 0.1056 171.44) 76.4%, oklch(58.68% 0.1096 163.28) 78.2%, oklch(60.23% 0.1137 155.15) 80.0%, oklch(61.76% 0.1176 147.12) 81.8%, oklch(63.25% 0.1215 139.26) 83.6%, oklch(64.71% 0.1252 131.63) 85.5%, oklch(66.11% 0.1289 124.30) 87.3%, oklch(67.44% 0.1323 117.32) 89.1%, oklch(68.69% 0.1355 110.78) 90.9%, oklch(69.84% 0.1385 104.73) 92.7%, oklch(70.88% 0.1412 99.23) 94.5%, oklch(71.81% 0.1436 94.36) 96.4%, oklch(72.59% 0.1457 90.17) 98.2%, oklch(73.23% 0.1474 86.74) 100.0%);

In these collections

Two color gradients