Navy, turquoise and rose color palette

Navy, teal, light blue and pink color palette

This palette moves from dark blue through light teal to magenta. Radial gradient, 32 colors: #121a37, #1b6f8a, #17c7d5, #8fa5ff, #ef4a93. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#121a37
#141f3e
#172646
#192f50
#1a3a5b
#1c4667
#1c5373
#1c617f
#1b6f8a
#1c7e95
#1d8c9f
#209aa9
#23a6b1
#25b2ba
#25bbc3
#21c2cc
#17c7d5
#05cae0
#00c9ed
#17c6f9
#48c0ff
#69b8ff
#7eafff
#8fa5ff
#a099ff
#b388ff
#c678f4
#d36ce0
#de61ca
#e657b5
#ec50a2
#ef4a93

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0579 270.00) 0.0%, oklch(24.85% 0.0602 267.11) 3.2%, oklch(27.47% 0.0630 262.97) 6.5%, oklch(30.60% 0.0662 257.80) 9.7%, oklch(34.15% 0.0698 251.84) 12.9%, oklch(38.01% 0.0736 245.33) 16.1%, oklch(42.12% 0.0778 238.50) 19.4%, oklch(46.36% 0.0822 231.58) 22.6%, oklch(50.65% 0.0868 224.81) 25.8%, oklch(54.91% 0.0915 218.42) 29.0%, oklch(59.03% 0.0964 212.65) 32.3%, oklch(62.92% 0.1014 207.72) 35.5%, oklch(66.50% 0.1065 203.89) 38.7%, oklch(69.66% 0.1115 201.37) 41.9%, oklch(72.33% 0.1166 200.40) 45.2%, oklch(74.41% 0.1216 201.22) 48.4%, oklch(75.83% 0.1265 204.09) 51.6%, oklch(76.71% 0.1319 209.26) 54.8%, oklch(77.12% 0.1373 216.47) 58.1%, oklch(77.13% 0.1437 225.42) 61.3%, oklch(76.79% 0.1381 235.81) 64.5%, oklch(76.15% 0.1290 247.33) 67.7%, oklch(75.28% 0.1272 259.68) 71.0%, oklch(74.23% 0.1325 272.55) 74.2%, oklch(73.05% 0.1461 285.64) 77.4%, oklch(71.81% 0.1708 298.64) 80.6%, oklch(70.56% 0.1875 311.24) 83.9%, oklch(69.35% 0.1930 323.15) 87.1%, oklch(68.25% 0.1980 334.05) 90.3%, oklch(67.31% 0.2025 343.65) 93.5%, oklch(66.59% 0.2063 351.64) 96.8%, oklch(66.14% 0.2094 357.71) 100.0%);

In these collections

Pink and teal gradients Locker sticker collage