Navy, mauve and cream romantic palette

Muted complementary navy to light pink color palette

The Navy, mauve and cream romantic palette brings together blue, red, light red, and off-white. Radial gradient, 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% in oklch, oklch(31.89% 0.0496 260.16) 0.0%, oklch(34.02% 0.0490 259.45) 3.2%, oklch(36.98% 0.0479 257.75) 6.5%, oklch(40.52% 0.0466 255.69) 9.7%, oklch(44.36% 0.0453 253.89) 12.9%, oklch(48.26% 0.0442 252.98) 16.1%, oklch(51.94% 0.0436 253.58) 19.4%, oklch(55.15% 0.0436 256.32) 22.6%, oklch(57.63% 0.0444 261.87) 25.8%, oklch(59.43% 0.0467 271.27) 29.0%, oklch(60.76% 0.0502 283.87) 32.3%, oklch(61.78% 0.0543 298.48) 35.5%, oklch(62.65% 0.0585 313.92) 38.7%, oklch(63.54% 0.0622 329.00) 41.9%, oklch(64.61% 0.0650 342.55) 45.2%, oklch(66.04% 0.0663 353.36) 48.4%, oklch(67.96% 0.0655 0.44) 51.6%, oklch(70.34% 0.0627 4.37) 54.8%, oklch(73.05% 0.0585 6.01) 58.1%, oklch(75.94% 0.0533 6.14) 61.3%, oklch(78.87% 0.0477 5.55) 64.5%, oklch(81.71% 0.0420 5.00) 67.7%, oklch(84.31% 0.0368 5.27) 71.0%, oklch(86.53% 0.0325 7.14) 74.2%, oklch(88.33% 0.0294 11.09) 77.4%, oklch(89.91% 0.0267 16.55) 80.6%, oklch(91.28% 0.0243 23.00) 83.9%, oklch(92.46% 0.0222 29.92) 87.1%, oklch(93.47% 0.0204 36.82) 90.3%, oklch(94.33% 0.0189 43.19) 93.5%, oklch(95.06% 0.0176 48.53) 96.8%, oklch(95.67% 0.0165 52.33) 100.0%);

In these collections

Romantic color palette