Blue and pale lilac color palette

Navy, blue, purple and pink color palette

The Blue and pale lilac color palette brings together blue, teal, purple, light magenta, and off-white. Linear gradient, 32 colors at 135°: #272e59, #2382ac, #418fd6, #9b5bc6, #fef6fc. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#272e59
#293361
#2a3a6c
#2b427a
#2a4c87
#285892
#25659c
#2274a5
#2382ac
#268eb3
#2c9cba
#37abc0
#41b6c5
#43bbcb
#3ab6d0
#33a6d5
#418fd6
#5679d0
#646acb
#6d61c9
#755dc9
#7d5bca
#8a5bca
#9b5bc6
#b05cbf
#c461b6
#d56db2
#e281b7
#ec9fc9
#f4c1df
#fae0f1
#fef6fc

CSS

background: linear-gradient(135deg in oklch, oklch(31.89% 0.0758 274.22) 0.0%, oklch(33.66% 0.0815 272.00) 3.2%, oklch(36.16% 0.0898 268.96) 6.5%, oklch(39.12% 0.0986 265.13) 9.7%, oklch(42.32% 0.1056 260.55) 12.9%, oklch(45.63% 0.1089 255.05) 16.1%, oklch(49.36% 0.1093 248.11) 19.4%, oklch(53.31% 0.1082 240.51) 22.6%, oklch(57.19% 0.1067 233.14) 25.8%, oklch(60.72% 0.1061 226.89) 29.0%, oklch(64.56% 0.1053 219.87) 32.3%, oklch(68.51% 0.1043 212.60) 35.5%, oklch(71.69% 0.1043 207.62) 38.7%, oklch(73.22% 0.1063 207.49) 41.9%, oklch(72.10% 0.1118 215.02) 45.2%, oklch(68.34% 0.1205 230.09) 48.4%, oklch(63.47% 0.1306 248.49) 51.6%, oklch(59.07% 0.1404 265.88) 54.8%, oklch(56.62% 0.1480 278.08) 58.1%, oklch(55.63% 0.1550 285.38) 61.3%, oklch(55.50% 0.1614 290.25) 64.5%, oklch(56.10% 0.1661 294.67) 67.7%, oklch(57.27% 0.1681 300.61) 71.0%, oklch(58.92% 0.1681 309.80) 74.2%, oklch(61.12% 0.1671 321.31) 77.4%, oklch(63.98% 0.1629 332.78) 80.6%, oklch(67.61% 0.1534 341.84) 83.9%, oklch(72.30% 0.1356 346.21) 87.1%, oklch(78.94% 0.1054 345.83) 90.3%, oklch(86.45% 0.0692 342.71) 93.5%, oklch(93.31% 0.0355 338.93) 96.8%, oklch(98.03% 0.0124 336.57) 100.0%);

In these collections

Holographic gradients Vaporwave gradients Vaporwave color palette