Navy, gray and light pink radial swatches

Radial swatches, 32 colors: #24334c, #6b7a94, #bb8896, #e7cacf, #faeee7. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#24334c
#293851
#304059
#384a62
#42556c
#4d6077
#576a82
#62738c
#6b7a94
#747d9b
#7e7fa0
#897fa2
#957ea1
#a07e9e
#ab7f99
#b38295
#bb8896
#c2909b
#c999a2
#d0a3ab
#d6aeb6
#dcb8bf
#e2c2c8
#e7cacf
#ebd1d4
#efd7d7
#f2dcdb
#f5e1dd
#f7e5e0
#f8e9e2
#f9ece5
#faeee7

CSS

background: radial-gradient(circle at 50% 50%, oklch(31.89% 0.0496 260.16) 0.000% 3.125%, oklch(34.02% 0.0490 259.45) 3.125% 6.250%, oklch(36.98% 0.0479 257.75) 6.250% 9.375%, oklch(40.52% 0.0466 255.69) 9.375% 12.500%, oklch(44.36% 0.0453 253.89) 12.500% 15.625%, oklch(48.26% 0.0442 252.98) 15.625% 18.750%, oklch(51.94% 0.0436 253.58) 18.750% 21.875%, oklch(55.15% 0.0436 256.32) 21.875% 25.000%, oklch(57.63% 0.0444 261.87) 25.000% 28.125%, oklch(59.43% 0.0467 271.27) 28.125% 31.250%, oklch(60.76% 0.0502 283.87) 31.250% 34.375%, oklch(61.78% 0.0543 298.48) 34.375% 37.500%, oklch(62.65% 0.0585 313.92) 37.500% 40.625%, oklch(63.54% 0.0622 329.00) 40.625% 43.750%, oklch(64.61% 0.0650 342.55) 43.750% 46.875%, oklch(66.04% 0.0663 353.36) 46.875% 50.000%, oklch(67.96% 0.0655 0.44) 50.000% 53.125%, oklch(70.34% 0.0627 4.37) 53.125% 56.250%, oklch(73.05% 0.0585 6.01) 56.250% 59.375%, oklch(75.94% 0.0533 6.14) 59.375% 62.500%, oklch(78.87% 0.0477 5.55) 62.500% 65.625%, oklch(81.71% 0.0420 5.00) 65.625% 68.750%, oklch(84.31% 0.0368 5.27) 68.750% 71.875%, oklch(86.53% 0.0325 7.14) 71.875% 75.000%, oklch(88.33% 0.0294 11.09) 75.000% 78.125%, oklch(89.91% 0.0267 16.55) 78.125% 81.250%, oklch(91.28% 0.0243 23.00) 81.250% 84.375%, oklch(92.46% 0.0222 29.92) 84.375% 87.500%, oklch(93.47% 0.0204 36.82) 87.500% 90.625%, oklch(94.33% 0.0189 43.19) 90.625% 93.750%, oklch(95.06% 0.0176 48.53) 93.750% 96.875%, oklch(95.67% 0.0165 52.33) 96.875% 100.000%);

In these collections

Romantic color palette