Blue and turquoise light ui palette

The Blue and turquoise light ui palette brings together pale teal, light blue, and blue. Angular gradient, 48 colors at 210°: #c1edfc, #93cce5, #65a3cc, #5d96c5, #83b9da. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#c1edfc
#bfecfb
#bceafa
#b9e8f8
#b6e5f6
#b2e3f4
#aee0f2
#a9ddf0
#a5daee
#a0d6eb
#9cd3e9
#97d0e7
#93cce5
#8ec9e2
#8ac6e0
#86c3de
#83c0dd
#7fbddb
#7bb9d9
#77b6d7
#73b2d4
#6faed2
#6caad0
#68a7ce
#65a3cc
#629fca
#5f9cc8
#5d99c7
#5b97c5
#5a95c4
#5993c3
#5993c3
#5992c3
#5a93c3
#5b94c4
#5d96c5
#6099c7
#639cc9
#669fcb
#6aa2cd
#6da6cf
#71a9d1
#75add3
#78b0d5
#7bb3d7
#7eb5d8
#81b7d9
#83b9da

CSS

background: conic-gradient(from 210deg in oklch, oklch(92.13% 0.0496 220.08) 0.0%, oklch(91.62% 0.0505 220.37) 2.1%, oklch(91.00% 0.0516 220.69) 4.3%, oklch(90.29% 0.0529 221.04) 6.4%, oklch(89.50% 0.0543 221.43) 8.5%, oklch(88.64% 0.0558 221.86) 10.6%, oklch(87.71% 0.0575 222.32) 12.8%, oklch(86.74% 0.0592 222.81) 14.9%, oklch(85.73% 0.0610 223.34) 17.0%, oklch(84.69% 0.0629 223.90) 19.1%, oklch(83.64% 0.0647 224.50) 21.3%, oklch(82.59% 0.0666 225.13) 23.4%, oklch(81.54% 0.0684 225.80) 25.5%, oklch(80.51% 0.0701 226.50) 27.7%, oklch(79.52% 0.0718 227.23) 29.8%, oklch(78.56% 0.0734 228.00) 31.9%, oklch(77.65% 0.0749 228.81) 34.0%, oklch(76.68% 0.0765 229.76) 36.2%, oklch(75.64% 0.0781 230.84) 38.3%, oklch(74.54% 0.0798 232.04) 40.4%, oklch(73.40% 0.0816 233.33) 42.6%, oklch(72.25% 0.0833 234.67) 44.7%, oklch(71.11% 0.0851 236.05) 46.8%, oklch(69.99% 0.0868 237.43) 48.9%, oklch(68.91% 0.0884 238.78) 51.1%, oklch(67.89% 0.0899 240.09) 53.2%, oklch(66.95% 0.0913 241.32) 55.3%, oklch(66.12% 0.0925 242.44) 57.4%, oklch(65.41% 0.0935 243.43) 59.6%, oklch(64.84% 0.0943 244.27) 61.7%, oklch(64.43% 0.0948 244.91) 63.8%, oklch(64.21% 0.0951 245.35) 66.0%, oklch(64.19% 0.0950 245.54) 68.1%, oklch(64.40% 0.0945 245.50) 70.2%, oklch(64.83% 0.0937 245.26) 72.3%, oklch(65.43% 0.0926 244.83) 74.5%, oklch(66.18% 0.0913 244.25) 76.6%, oklch(67.05% 0.0898 243.55) 78.7%, oklch(68.02% 0.0881 242.75) 80.9%, oklch(69.04% 0.0863 241.89) 83.0%, oklch(70.10% 0.0845 240.99) 85.1%, oklch(71.16% 0.0827 240.07) 87.2%, oklch(72.20% 0.0809 239.18) 89.4%, oklch(73.18% 0.0792 238.33) 91.5%, oklch(74.08% 0.0777 237.55) 93.6%, oklch(74.87% 0.0763 236.87) 95.7%, oklch(75.51% 0.0752 236.32) 97.9%, oklch(75.98% 0.0744 235.93) 100.0%);

In these collections

Light UI gradients