Blush pink and blue palette

Muted navy, purple and pink color palette

The Blush pink and blue palette brings together dark blue, blue, purple, magenta, and light red. Linear gradient, 32 colors at 135°: #101a3d, #2f3767, #63548a, #986c99, #d294a8. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#101a3d
#121d40
#152045
#18244a
#1c2851
#202c57
#25305d
#293462
#2f3767
#343b6d
#3a3f72
#414377
#47477c
#4e4a80
#554e83
#5c5187
#63548a
#6a578c
#715b8f
#795e92
#816294
#886596
#906998
#986c99
#a0709b
#a7749d
#af7a9f
#b87fa1
#c085a3
#c78ba5
#cd90a7
#d294a8

CSS

background: linear-gradient(135deg in oklch, oklch(23.23% 0.0675 267.89) 0.0%, oklch(24.21% 0.0691 268.12) 3.2%, oklch(25.55% 0.0712 268.34) 6.5%, oklch(27.14% 0.0738 268.65) 9.7%, oklch(28.88% 0.0765 269.10) 12.9%, oklch(30.66% 0.0789 269.80) 16.1%, oklch(32.36% 0.0810 270.81) 19.4%, oklch(33.97% 0.0825 272.16) 22.6%, oklch(35.61% 0.0838 273.76) 25.8%, oklch(37.29% 0.0848 275.61) 29.0%, oklch(38.97% 0.0857 277.70) 32.3%, oklch(40.64% 0.0863 280.05) 35.5%, oklch(42.27% 0.0867 282.64) 38.7%, oklch(43.86% 0.0869 285.49) 41.9%, oklch(45.40% 0.0866 288.66) 45.2%, oklch(46.91% 0.0861 292.11) 48.4%, oklch(48.41% 0.0854 295.77) 51.6%, oklch(49.92% 0.0848 299.60) 54.8%, oklch(51.44% 0.0842 303.54) 58.1%, oklch(52.98% 0.0840 307.56) 61.3%, oklch(54.53% 0.0840 311.84) 64.5%, oklch(56.09% 0.0841 316.33) 67.7%, oklch(57.66% 0.0843 320.92) 71.0%, oklch(59.25% 0.0844 325.51) 74.2%, oklch(60.87% 0.0843 329.98) 77.4%, oklch(62.55% 0.0840 334.25) 80.6%, oklch(64.43% 0.0833 338.68) 83.9%, oklch(66.48% 0.0823 343.25) 87.1%, oklch(68.53% 0.0812 347.71) 90.3%, oklch(70.45% 0.0801 351.78) 93.5%, oklch(72.06% 0.0792 355.21) 96.8%, oklch(73.23% 0.0785 357.71) 100.0%);

In these collections

Pink and blue gradients