Blue gray teal berry diagonal

Blue, gray, teal and purple palette with 64 colors. #003478, #96b8c2, #66739f, #207c7f, #4d1833. Edit and export CSS, SVG, PNG or a shader.

64 colors, 5 editable OKLCH keyframes.

#003478
#013a7b
#03417f
#084a84
#115489
#1c5e8e
#276994
#347499
#427e9f
#5089a5
#5d93aa
#6b9cb0
#77a5b5
#82acb9
#8bb2bd
#92b6c0
#96b8c2
#98b9c3
#98b8c3
#97b6c3
#94b3c2
#90aec0
#8ca9bd
#87a3ba
#829db7
#7e96b4
#7a8fb0
#7689ad
#7283a9
#6f7da6
#6c79a3
#6975a0
#66739f
#63729e
#5e729e
#59739d
#53759d
#4c769c
#46789a
#3f7a98
#397c95
#337e91
#2f7f8d
#2c8089
#298086
#278083
#247e81
#207c7f
#1a797f
#157580
#127082
#166a83
#1e6383
#285b83
#325380
#3a4a7c
#414175
#47396c
#4b3162
#4d2a57
#4e244c
#4f1f42
#4e1b3a
#4d1833

CSS

background: linear-gradient(135deg in oklch, oklch(34.25% 0.1268 258.05) 0.0%, oklch(35.85% 0.1235 256.44) 1.6%, oklch(37.96% 0.1191 254.23) 3.2%, oklch(40.49% 0.1140 251.52) 4.8%, oklch(43.37% 0.1081 248.42) 6.3%, oklch(46.51% 0.1017 245.03) 7.9%, oklch(49.84% 0.0948 241.46) 9.5%, oklch(53.29% 0.0878 237.79) 11.1%, oklch(56.76% 0.0807 234.15) 12.7%, oklch(60.18% 0.0736 230.63) 14.3%, oklch(63.47% 0.0668 227.33) 15.9%, oklch(66.56% 0.0604 224.36) 17.5%, oklch(69.36% 0.0545 221.82) 19.0%, oklch(71.80% 0.0493 219.81) 20.6%, oklch(73.80% 0.0450 218.44) 22.2%, oklch(75.27% 0.0417 217.81) 23.8%, oklch(76.15% 0.0395 218.04) 25.4%, oklch(76.46% 0.0384 219.37) 27.0%, oklch(76.29% 0.0382 221.76) 28.6%, oklch(75.70% 0.0387 225.04) 30.2%, oklch(74.74% 0.0398 229.04) 31.7%, oklch(73.48% 0.0416 233.59) 33.3%, oklch(71.97% 0.0438 238.51) 34.9%, oklch(70.27% 0.0464 243.64) 36.5%, oklch(68.45% 0.0492 248.82) 38.1%, oklch(66.56% 0.0522 253.86) 39.7%, oklch(64.66% 0.0553 258.61) 41.3%, oklch(62.81% 0.0584 262.89) 42.9%, oklch(61.07% 0.0613 266.53) 44.4%, oklch(59.50% 0.0639 269.36) 46.0%, oklch(58.15% 0.0663 271.21) 47.6%, oklch(57.09% 0.0681 271.91) 49.2%, oklch(56.36% 0.0696 271.25) 50.8%, oklch(55.85% 0.0708 268.86) 52.4%, oklch(55.50% 0.0720 264.94) 54.0%, oklch(55.29% 0.0732 259.76) 55.6%, oklch(55.20% 0.0742 253.60) 57.1%, oklch(55.20% 0.0752 246.73) 58.7%, oklch(55.25% 0.0761 239.41) 60.3%, oklch(55.33% 0.0770 231.92) 61.9%, oklch(55.42% 0.0778 224.52) 63.5%, oklch(55.48% 0.0786 217.50) 65.1%, oklch(55.48% 0.0794 211.12) 66.7%, oklch(55.41% 0.0801 205.65) 68.3%, oklch(55.23% 0.0807 201.36) 69.8%, oklch(54.91% 0.0813 198.53) 71.4%, oklch(54.42% 0.0820 197.42) 73.0%, oklch(53.75% 0.0825 198.30) 74.6%, oklch(52.85% 0.0831 201.45) 76.2%, oklch(51.72% 0.0836 206.81) 77.8%, oklch(50.39% 0.0840 214.10) 79.4%, oklch(48.90% 0.0844 223.03) 81.0%, oklch(47.28% 0.0848 233.31) 82.5%, oklch(45.56% 0.0851 244.65) 84.1%, oklch(43.77% 0.0853 256.76) 85.7%, oklch(41.96% 0.0856 269.33) 87.3%, oklch(40.15% 0.0858 282.10) 88.9%, oklch(38.37% 0.0860 294.75) 90.5%, oklch(36.66% 0.0861 307.01) 92.1%, oklch(35.06% 0.0863 318.57) 93.7%, oklch(33.58% 0.0864 329.15) 95.2%, oklch(32.28% 0.0866 338.46) 96.8%, oklch(31.18% 0.0867 346.21) 98.4%, oklch(30.31% 0.0868 352.10) 100.0%);

In these collections

Pink and teal gradients