Periwinkle cyan diagonal

Vivid analogous blue, teal and navy palette with 32 colors. #0378f3, #1da398, #64cefe, #7679b0, #00154b. Edit and export CSS, SVG, PNG or a shader.

32 colors, 5 editable OKLCH keyframes.

#0378f3
#0081de
#0087ca
#008dba
#0091ad
#0095a3
#009a9c
#009e98
#1da398
#2ea99f
#36b1ab
#3bbbbb
#40c4cd
#46cce0
#4fd1f0
#5ad2fa
#64cefe
#6fc7fd
#79bcf7
#7fafec
#82a1de
#8293cf
#7d86bf
#7679b0
#6c6da2
#5e5f94
#4d5086
#3a4178
#28346a
#17275e
#071d53
#00154b

CSS

background: linear-gradient(225deg in oklch, oklch(59.06% 0.2053 256.64) 0.0%, oklch(59.38% 0.1693 250.27) 3.2%, oklch(59.72% 0.1389 240.90) 6.5%, oklch(60.12% 0.1194 229.68) 9.7%, oklch(60.63% 0.1088 217.78) 12.9%, oklch(61.28% 0.1049 206.37) 16.1%, oklch(62.12% 0.1058 196.59) 19.4%, oklch(63.19% 0.1093 189.60) 22.6%, oklch(64.56% 0.1076 186.52) 25.8%, oklch(66.66% 0.1051 186.98) 29.0%, oklch(69.40% 0.1056 190.08) 32.3%, oklch(72.45% 0.1083 195.21) 35.5%, oklch(75.47% 0.1122 201.77) 38.7%, oklch(78.14% 0.1161 209.13) 41.9%, oklch(80.13% 0.1192 216.69) 45.2%, oklch(81.10% 0.1203 223.83) 48.4%, oklch(80.79% 0.1187 230.33) 51.6%, oklch(79.44% 0.1148 237.89) 54.8%, oklch(77.26% 0.1093 246.33) 58.1%, oklch(74.41% 0.1030 255.06) 61.3%, oklch(71.06% 0.0965 263.51) 64.5%, oklch(67.36% 0.0905 271.09) 67.7%, oklch(63.49% 0.0858 277.23) 71.0%, oklch(59.61% 0.0830 281.36) 74.2%, oklch(55.55% 0.0826 282.94) 77.4%, oklch(50.70% 0.0843 282.15) 80.6%, oklch(45.36% 0.0875 279.60) 83.9%, oklch(39.83% 0.0915 275.91) 87.1%, oklch(34.46% 0.0960 271.68) 90.3%, oklch(29.56% 0.1002 267.53) 93.5%, oklch(25.44% 0.1038 264.08) 96.8%, oklch(22.46% 0.1049 262.13) 100.0%);

In these collections

Blue gradients