Violet blue and purple palette

Seamless vivid blue and purple color palette

The Violet blue and purple palette brings together blue and purple. The colors span a narrow lightness range, combining strong color with gentle contrast. Angular gradient, 32 colors at 225°: #316eda, #4f60dc, #7349c6, #6052cf, #386bd9. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#316eda
#336ddb
#356cdc
#386bdc
#3b69dd
#3f68de
#4465de
#4963dd
#4f60dc
#555dda
#5b59d8
#6056d6
#6553d3
#6951d1
#6c4ecd
#704cca
#7349c6
#7548c4
#7647c2
#7547c2
#7249c4
#6d4bc7
#674ecb
#6052cf
#5955d2
#5358d4
#4e5cd5
#495fd6
#4463d8
#3f67d8
#3b69d9
#386bd9

CSS

background: conic-gradient(from 225deg in oklch, oklch(55.91% 0.1778 260.86) 0.0%, oklch(55.84% 0.1789 261.53) 3.2%, oklch(55.75% 0.1804 262.36) 6.5%, oklch(55.65% 0.1823 263.39) 9.7%, oklch(55.52% 0.1842 264.63) 12.9%, oklch(55.36% 0.1859 266.11) 16.1%, oklch(55.16% 0.1872 267.87) 19.4%, oklch(54.92% 0.1880 270.01) 22.6%, oklch(54.62% 0.1886 272.63) 25.8%, oklch(54.29% 0.1890 275.54) 29.0%, oklch(53.94% 0.1891 278.57) 32.3%, oklch(53.59% 0.1891 281.52) 35.5%, oklch(53.27% 0.1889 284.20) 38.7%, oklch(52.97% 0.1885 286.63) 41.9%, oklch(52.65% 0.1876 289.32) 45.2%, oklch(52.32% 0.1865 292.03) 48.4%, oklch(52.02% 0.1853 294.43) 51.6%, oklch(51.78% 0.1843 296.17) 54.8%, oklch(51.62% 0.1835 296.94) 58.1%, oklch(51.57% 0.1832 296.38) 61.3%, oklch(51.62% 0.1835 294.28) 64.5%, oklch(51.76% 0.1842 291.03) 67.7%, oklch(51.96% 0.1851 287.12) 71.0%, oklch(52.22% 0.1858 283.02) 74.2%, oklch(52.51% 0.1861 279.22) 77.4%, oklch(52.82% 0.1859 276.16) 80.6%, oklch(53.23% 0.1850 273.45) 83.9%, oklch(53.73% 0.1836 270.81) 87.1%, oklch(54.26% 0.1819 268.35) 90.3%, oklch(54.77% 0.1802 266.16) 93.5%, oklch(55.21% 0.1787 264.34) 96.8%, oklch(55.51% 0.1778 262.97) 100.0%);

In these collections

Blue and purple gradients