Blue and violet color palette

The Blue and violet color palette brings together dark blue, purple, and blue. Linear gradient, 32 colors at 315°: #26107b, #4f1ac5, #9651fe, #7132e6, #2f128d. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

• #26107b
• #28107f
• #2a1084
• #2d118a
• #311292
• #36139b
• #3d15a7
• #4517b5
• #4f1ac5
• #591dd4
• #6323e1
• #6d2bea
• #7835f1
• #8340f6
• #8c49fa
• #934ffc
• #9651fe
• #9650ff
• #934dfe
• #8e48fd
• #8842fa
• #823ef5
• #7a38ef
• #7132e6
• #682cdd
• #5f26d3
• #5621c9
• #4d1cbc
• #4419af
• #3b16a1
• #341495
• #2f128d

CSS

background: linear-gradient(315deg in oklch, oklch(29.92% 0.1626 279.84) 0.0%, oklch(30.58% 0.1665 280.06) 3.2%, oklch(31.43% 0.1718 280.31) 6.5%, oklch(32.52% 0.1783 280.66) 9.7%, oklch(33.87% 0.1858 281.15) 12.9%, oklch(35.52% 0.1942 281.82) 16.1%, oklch(37.58% 0.2045 282.72) 19.4%, oklch(40.10% 0.2177 283.81) 22.6%, oklch(42.88% 0.2317 285.05) 25.8%, oklch(45.71% 0.2442 286.41) 29.0%, oklch(48.39% 0.2531 287.82) 32.3%, oklch(50.90% 0.2565 289.37) 35.5%, oklch(53.60% 0.2550 291.28) 38.7%, oklch(56.24% 0.2506 293.28) 41.9%, oklch(58.53% 0.2455 295.08) 45.2%, oklch(60.15% 0.2418 296.38) 48.4%, oklch(60.86% 0.2414 296.92) 51.6%, oklch(60.74% 0.2435 296.78) 54.8%, oklch(59.98% 0.2468 296.16) 58.1%, oklch(58.78% 0.2501 295.25) 61.3%, oklch(57.32% 0.2521 294.23) 64.5%, oklch(55.76% 0.2518 293.26) 67.7%, oklch(53.87% 0.2498 292.17) 71.0%, oklch(51.65% 0.2467 290.93) 74.2%, oklch(49.25% 0.2424 289.62) 77.4%, oklch(46.82% 0.2369 288.30) 80.6%, oklch(44.50% 0.2303 287.03) 83.9%, oklch(42.01% 0.2210 285.68) 87.1%, oklch(39.35% 0.2097 284.26) 90.3%, oklch(36.80% 0.1979 282.89) 93.5%, oklch(34.62% 0.1876 281.73) 96.8%, oklch(33.07% 0.1805 280.90) 100.0%);

In these collections

Cyberpunk gradientsElectric purple gradientsJewel tonesSynthwave gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works