Blue and teal color palette

The Blue and teal color palette brings together dark blue, blue, and teal. Linear gradient, 32 colors at 90°: #0c0632, #171384, #0e53e2, #00acfa, #54fde6. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#0c0632
#0e0638
#100740
#11074a
#130855
#150961
#160b6c
#170f78
#171384
#171890
#151f9d
#1226aa
#0e2eb6
#0837c1
#0740cd
#0a49d8
#0e53e2
#0e5eec
#0769f4
#0077f7
#0085f7
#0093f7
#00a0f9
#00acfa
#06b8fb
#19c4fa
#1ccff9
#1edbf7
#27e6f4
#35f0ef
#46f7ea
#54fde6

CSS

background: linear-gradient(90deg in oklch, oklch(17.32% 0.0827 280.55) 0.0%, oklch(18.26% 0.0903 279.78) 3.2%, oklch(19.52% 0.1009 278.75) 6.5%, oklch(21.02% 0.1134 277.51) 9.7%, oklch(22.72% 0.1268 276.15) 12.9%, oklch(24.53% 0.1401 274.76) 16.1%, oklch(26.40% 0.1521 273.41) 19.4%, oklch(28.31% 0.1631 272.10) 22.6%, oklch(30.35% 0.1744 270.71) 25.8%, oklch(32.50% 0.1855 269.29) 29.0%, oklch(34.76% 0.1960 267.86) 32.3%, oklch(37.11% 0.2052 266.48) 35.5%, oklch(39.55% 0.2126 265.18) 38.7%, oklch(42.08% 0.2180 264.10) 41.9%, oklch(44.75% 0.2223 263.48) 45.2%, oklch(47.52% 0.2252 263.07) 48.4%, oklch(50.37% 0.2266 262.55) 51.6%, oklch(53.26% 0.2261 261.59) 54.8%, oklch(56.15% 0.2233 259.88) 58.1%, oklch(59.03% 0.2108 257.15) 61.3%, oklch(61.99% 0.1947 253.59) 64.5%, oklch(65.01% 0.1811 249.38) 67.7%, oklch(68.03% 0.1698 244.59) 71.0%, oklch(70.99% 0.1607 239.30) 74.2%, oklch(73.83% 0.1529 233.58) 77.4%, oklch(76.51% 0.1448 227.50) 80.6%, oklch(79.19% 0.1406 220.13) 83.9%, oklch(81.88% 0.1388 211.63) 87.1%, oklch(84.45% 0.1387 202.79) 90.3%, oklch(86.77% 0.1395 194.42) 93.5%, oklch(88.72% 0.1404 187.32) 96.8%, oklch(90.16% 0.1406 182.27) 100.0%);

In these collections

Cool gradients Cyberpunk gradients Neon gradients