Analogous black, teal and light blue radial swatches

Analogous black, teal and light blue color palette

Radial swatches, 32 colors: #081c26, #0b4852, #008087, #3ab4b6, #9ae9e2. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#081c26
#081f2a
#09232e
#092833
#0a2d39
#0a333f
#0b3a45
#0b414b
#0b4852
#0a4f58
#0b565e
#0a5c65
#08636b
#056a72
#007179
#007880
#008087
#00878e
#008f95
#00969c
#079ea3
#19a5a9
#2aadaf
#3ab4b6
#4abcbc
#59c4c3
#67ccc9
#74d3cf
#81dad4
#8be0da
#94e5de
#9ae9e2

CSS

background: radial-gradient(circle at 50% 50%, oklch(21.65% 0.0331 231.33) 0.000% 3.125%, oklch(22.82% 0.0351 229.87) 3.125% 6.250%, oklch(24.29% 0.0377 227.91) 6.250% 9.375%, oklch(26.03% 0.0408 225.57) 9.375% 12.500%, oklch(27.98% 0.0442 222.96) 12.500% 15.625%, oklch(30.10% 0.0479 220.18) 15.625% 18.750%, oklch(32.33% 0.0518 217.34) 18.750% 21.875%, oklch(34.63% 0.0559 214.55) 21.875% 25.000%, oklch(36.94% 0.0599 211.92) 25.000% 28.125%, oklch(39.22% 0.0639 209.56) 28.125% 31.250%, oklch(41.42% 0.0677 207.58) 31.250% 34.375%, oklch(43.53% 0.0714 206.03) 34.375% 37.500%, oklch(45.67% 0.0757 204.78) 37.500% 40.625%, oklch(47.84% 0.0803 203.77) 40.625% 43.750%, oklch(50.04% 0.0851 202.94) 43.750% 46.875%, oklch(52.26% 0.0889 202.25) 46.875% 50.000%, oklch(54.49% 0.0927 201.65) 50.000% 53.125%, oklch(56.74% 0.0965 201.09) 53.125% 56.250%, oklch(58.98% 0.1003 200.51) 56.250% 59.375%, oklch(61.23% 0.1041 199.88) 59.375% 62.500%, oklch(63.47% 0.1069 199.14) 62.500% 65.625%, oklch(65.72% 0.1076 198.25) 65.625% 68.750%, oklch(68.11% 0.1068 197.23) 68.750% 71.875%, oklch(70.64% 0.1049 196.12) 71.875% 75.000%, oklch(73.24% 0.1021 194.94) 75.000% 78.125%, oklch(75.86% 0.0986 193.75) 78.125% 81.250%, oklch(78.42% 0.0948 192.56) 81.250% 84.375%, oklch(80.87% 0.0907 191.42) 84.375% 87.500%, oklch(83.13% 0.0868 190.36) 87.500% 90.625%, oklch(85.15% 0.0833 189.41) 90.625% 93.750%, oklch(86.86% 0.0805 188.62) 93.750% 96.875%, oklch(88.19% 0.0785 188.00) 96.875% 100.000%);

In these collections

Cool gradients