White, gray and black radial swatches

Radial swatches, 32 colors: #f7f9fa, #c4c8cd, #6f767d, #30353b, #050507. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f7f9fa
#f3f5f7
#eff1f3
#e9ecee
#e3e6e9
#dcdfe3
#d4d8dc
#ccd1d5
#c4c8cd
#babfc5
#b0b5bb
#a5abb1
#9aa0a6
#8f959c
#848a91
#798087
#6f767d
#656c73
#5c6269
#52585f
#494f56
#40454c
#383d43
#30353b
#292d33
#22262b
#1b1e23
#15181c
#0f1115
#0a0c0f
#07080a
#050507

CSS

background: radial-gradient(circle at 50% 50%, oklch(98.03% 0.0028 244.69) 0.000% 3.125%, oklch(96.98% 0.0032 244.93) 3.125% 6.250%, oklch(95.67% 0.0038 245.25) 6.250% 9.375%, oklch(94.12% 0.0045 245.64) 9.375% 12.500%, oklch(92.33% 0.0053 246.06) 12.500% 15.625%, oklch(90.34% 0.0061 246.53) 15.625% 18.750%, oklch(88.14% 0.0069 247.01) 18.750% 21.875%, oklch(85.76% 0.0077 247.50) 21.875% 25.000%, oklch(83.20% 0.0084 247.98) 25.000% 28.125%, oklch(80.34% 0.0092 248.48) 28.125% 31.250%, oklch(77.18% 0.0101 249.01) 31.250% 34.375%, oklch(73.80% 0.0109 249.56) 34.375% 37.500%, oklch(70.27% 0.0118 250.12) 37.500% 40.625%, oklch(66.67% 0.0125 250.68) 40.625% 43.750%, oklch(63.08% 0.0131 251.25) 43.750% 46.875%, oklch(59.57% 0.0136 251.81) 46.875% 50.000%, oklch(56.19% 0.0139 252.36) 50.000% 53.125%, oklch(52.76% 0.0140 252.90) 53.125% 56.250%, oklch(49.28% 0.0140 253.45) 56.250% 59.375%, oklch(45.81% 0.0139 253.99) 59.375% 62.500%, oklch(42.37% 0.0137 254.54) 62.500% 65.625%, oklch(39.00% 0.0134 255.08) 65.625% 68.750%, oklch(35.75% 0.0130 255.63) 68.750% 71.875%, oklch(32.64% 0.0125 256.18) 71.875% 75.000%, oklch(29.63% 0.0119 256.74) 75.000% 78.125%, oklch(26.56% 0.0111 257.35) 78.125% 81.250%, oklch(23.51% 0.0101 257.98) 81.250% 84.375%, oklch(20.58% 0.0090 258.61) 84.375% 87.500%, oklch(17.85% 0.0079 259.21) 87.500% 90.625%, oklch(15.42% 0.0069 259.75) 90.625% 93.750%, oklch(13.38% 0.0061 260.20) 93.750% 96.875%, oklch(11.81% 0.0055 260.54) 96.875% 100.000%);

In these collections

Silver gradients Cool gray gradients Chrome gradients