Cool light blue, teal and dark green radial swatches

Radial swatches, 32 colors: #daf1ed, #8bccc5, #00a099, #006e6b, #003b3b. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

• #daf1ed
• #d4eeea
• #cdebe6
• #c4e7e2
• #bae2dc
• #afddd7
• #a4d7d1
• #97d2cb
• #8bccc5
• #7fc6bf
• #73c1ba
• #67bcb4
• #5ab6af
• #4bb1aa
• #39aca4
• #22a69f
• #00a099
• #009992
• #00928c
• #008b85
• #00847f
• #007d78
• #007672
• #006e6b
• #006663
• #005e5c
• #005755
• #00504e
• #004948
• #004343
• #003f3e
• #003b3b

CSS

background: radial-gradient(circle at 50% 50%, oklch(94.09% 0.0248 184.92) 0.000% 3.125%, oklch(93.02% 0.0280 185.11) 3.125% 6.250%, oklch(91.66% 0.0321 185.35) 6.250% 9.375%, oklch(90.06% 0.0369 185.64) 9.375% 12.500%, oklch(88.26% 0.0424 185.97) 12.500% 15.625%, oklch(86.31% 0.0483 186.32) 15.625% 18.750%, oklch(84.25% 0.0544 186.68) 18.750% 21.875%, oklch(82.13% 0.0606 187.04) 21.875% 25.000%, oklch(80.00% 0.0668 187.39) 25.000% 28.125%, oklch(77.89% 0.0727 187.71) 28.125% 31.250%, oklch(75.85% 0.0782 188.00) 31.250% 34.375%, oklch(73.89% 0.0834 188.25) 34.375% 37.500%, oklch(71.91% 0.0891 188.47) 37.500% 40.625%, oklch(69.90% 0.0951 188.66) 40.625% 43.750%, oklch(67.86% 0.1011 188.83) 43.750% 46.875%, oklch(65.80% 0.1071 189.00) 46.875% 50.000%, oklch(63.73% 0.1103 189.17) 50.000% 53.125%, oklch(61.64% 0.1067 189.34) 53.125% 56.250%, oklch(59.54% 0.1030 189.53) 56.250% 59.375%, oklch(57.44% 0.0993 189.76) 59.375% 62.500%, oklch(55.34% 0.0956 190.01) 62.500% 65.625%, oklch(53.23% 0.0918 190.31) 65.625% 68.750%, oklch(50.97% 0.0878 190.68) 68.750% 71.875%, oklch(48.58% 0.0836 191.10) 71.875% 75.000%, oklch(46.11% 0.0793 191.56) 75.000% 78.125%, oklch(43.63% 0.0749 192.04) 78.125% 81.250%, oklch(41.19% 0.0706 192.53) 81.250% 84.375%, oklch(38.86% 0.0666 193.01) 84.375% 87.500%, oklch(36.71% 0.0628 193.45) 87.500% 90.625%, oklch(34.79% 0.0595 193.85) 90.625% 93.750%, oklch(33.16% 0.0567 194.19) 93.750% 96.875%, oklch(31.90% 0.0545 194.44) 96.875% 100.000%);

In these collections

Population density gradientsRadial gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works