Magenta blue and purple palette

Analogous navy, blue and purple color palette

The Magenta blue and purple palette brings together blue, purple, and magenta. Linear gradient, 32 colors at 315°: #122e6a, #1d53a5, #4a5dc7, #7648bd, #a03fac. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#122e6a
#12316f
#133575
#143a7d
#154086
#16458e
#174b97
#19509f
#1d53a5
#2156ab
#2659b0
#2b5bb5
#315cba
#375dbe
#3d5ec2
#435ec4
#4a5dc7
#515bc8
#5858c8
#5e55c6
#6552c5
#6b4ec2
#714bc0
#7648bd
#7c46bb
#8245b9
#8843b7
#8e42b5
#9441b3
#9940b0
#9d3fae
#a03fac

CSS

background: linear-gradient(315deg in oklch, oklch(31.89% 0.1116 262.97) 0.0%, oklch(33.01% 0.1142 262.52) 3.2%, oklch(34.56% 0.1178 261.79) 6.5%, oklch(36.41% 0.1221 260.91) 9.7%, oklch(38.42% 0.1268 260.02) 12.9%, oklch(40.48% 0.1316 259.24) 16.1%, oklch(42.44% 0.1363 258.71) 19.4%, oklch(44.19% 0.1405 258.54) 22.6%, oklch(45.60% 0.1441 258.87) 25.8%, oklch(46.81% 0.1474 259.53) 29.0%, oklch(47.92% 0.1504 260.45) 32.3%, oklch(48.92% 0.1532 261.63) 35.5%, oklch(49.80% 0.1558 263.08) 38.7%, oklch(50.57% 0.1583 264.81) 41.9%, oklch(51.22% 0.1607 266.81) 45.2%, oklch(51.75% 0.1629 269.11) 48.4%, oklch(52.14% 0.1650 271.74) 51.6%, oklch(52.29% 0.1669 274.89) 54.8%, oklch(52.26% 0.1687 278.47) 58.1%, oklch(52.10% 0.1703 282.34) 61.3%, oklch(51.88% 0.1718 286.37) 64.5%, oklch(51.67% 0.1732 290.42) 67.7%, oklch(51.54% 0.1746 294.35) 71.0%, oklch(51.54% 0.1760 298.03) 74.2%, oklch(51.73% 0.1775 301.52) 77.4%, oklch(52.04% 0.1789 305.15) 80.6%, oklch(52.43% 0.1804 308.82) 83.9%, oklch(52.87% 0.1818 312.40) 87.1%, oklch(53.32% 0.1831 315.76) 90.3%, oklch(53.74% 0.1843 318.76) 93.5%, oklch(54.09% 0.1853 321.29) 96.8%, oklch(54.33% 0.1860 323.20) 100.0%);

In these collections

Blue and purple gradients