Teal black gradient

Light blue, cyan, black and teal palette with 48 colors. #8dd1dc, #6df7fc, #00202c, #022aae, #0c9aa1. Edit and export CSS, SVG, PNG or a shader.

48 colors, 5 editable OKLCH keyframes.

#8dd1dc
#8cd4df
#8cd9e4
#8bdfea
#8be6f0
#8aeef7
#89f5fd
#94f9ff
#a2fbff
#a7fcff
#a1fdff
#8bfcff
#6df7fc
#65eaf0
#5cd8e0
#53c3cc
#49abb6
#3f939e
#347b86
#2a646f
#204f5a
#163e48
#0c303a
#032631
#00202c
#001d2a
#001b2a
#001c2e
#001e35
#00213f
#00254c
#00285c
#002a71
#00298a
#0124a4
#022aae
#0037aa
#0045a2
#00509d
#005b9b
#00659b
#006e9b
#00789c
#00819e
#00899f
#0090a0
#0096a1
#0c9aa1

CSS

background: linear-gradient(135deg in oklch, oklch(81.89% 0.0703 208.83) 0.0%, oklch(82.59% 0.0731 208.18) 2.1%, oklch(83.82% 0.0773 207.19) 4.3%, oklch(85.41% 0.0824 205.95) 6.4%, oklch(87.22% 0.0882 204.56) 8.5%, oklch(89.08% 0.0944 203.09) 10.6%, oklch(90.83% 0.1005 201.65) 12.8%, oklch(92.32% 0.0952 200.31) 14.9%, oklch(93.39% 0.0858 199.18) 17.0%, oklch(93.88% 0.0825 198.33) 19.1%, oklch(93.63% 0.0878 197.87) 21.3%, oklch(92.49% 0.1038 197.88) 23.4%, oklch(90.27% 0.1195 198.46) 25.5%, oklch(86.61% 0.1160 199.51) 27.7%, oklch(81.62% 0.1099 200.98) 29.8%, oklch(75.59% 0.1017 202.81) 31.9%, oklch(68.80% 0.0922 204.95) 34.0%, oklch(61.56% 0.0820 207.35) 36.2%, oklch(54.16% 0.0717 209.96) 38.3%, oklch(46.89% 0.0622 212.72) 40.4%, oklch(40.04% 0.0540 215.59) 42.6%, oklch(33.91% 0.0478 218.52) 44.7%, oklch(28.78% 0.0443 221.44) 46.8%, oklch(24.96% 0.0441 224.33) 48.9%, oklch(22.65% 0.0439 227.48) 51.1%, oklch(21.45% 0.0433 231.10) 53.2%, oklch(21.17% 0.0451 235.27) 55.3%, oklch(21.66% 0.0494 239.77) 57.4%, oklch(22.80% 0.0567 244.39) 59.6%, oklch(24.46% 0.0674 248.97) 61.7%, oklch(26.50% 0.0825 253.29) 63.8%, oklch(28.79% 0.1029 257.17) 66.0%, oklch(31.19% 0.1300 260.39) 68.1%, oklch(33.58% 0.1652 262.75) 70.2%, oklch(35.81% 0.2022 263.99) 72.3%, oklch(37.76% 0.2086 264.00) 74.5%, oklch(39.52% 0.1900 262.49) 76.6%, oklch(41.53% 0.1629 259.25) 78.7%, oklch(43.74% 0.1421 254.61) 80.9%, oklch(46.10% 0.1268 248.88) 83.0%, oklch(48.54% 0.1160 242.37) 85.1%, oklch(51.00% 0.1088 235.37) 87.2%, oklch(53.42% 0.1044 228.20) 89.4%, oklch(55.72% 0.1023 221.16) 91.5%, oklch(57.86% 0.1020 214.55) 93.6%, oklch(59.76% 0.1029 208.68) 95.7%, oklch(61.36% 0.1046 203.85) 97.9%, oklch(62.60% 0.1047 200.37) 100.0%);

In these collections

Ocean gradients