Aubergine color palette

Vivid navy, purple and lavender color palette

The Aubergine color palette brings together dark purple, purple, and light purple. Linear gradient, 32 colors at 315°: #270752, #490b93, #8028df, #bc7ffe, #5628b9. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#270752
#290857
#2d085e
#310966
#350a6f
#390b78
#3e0b80
#430b8a
#490b93
#4e0b9c
#540ca6
#5b0eb0
#6110b9
#6814c3
#701acc
#7820d6
#8028df
#8831e7
#913cee
#9b4bf3
#a559f7
#ae67fa
#b674fc
#bc7ffe
#c38dff
#c898ff
#c79bfe
#bc93f6
#a47ce8
#855ed6
#6940c5
#5628b9

CSS

background: linear-gradient(315deg in oklch, oklch(24.41% 0.1213 294.61) 0.0%, oklch(25.32% 0.1266 294.40) 3.2%, oklch(26.61% 0.1341 294.09) 6.5%, oklch(28.11% 0.1429 293.77) 9.7%, oklch(29.67% 0.1520 293.58) 12.9%, oklch(31.16% 0.1607 293.58) 16.1%, oklch(32.69% 0.1700 293.73) 19.4%, oklch(34.29% 0.1797 293.98) 22.6%, oklch(35.94% 0.1892 294.31) 25.8%, oklch(37.65% 0.1983 294.66) 29.0%, oklch(39.40% 0.2075 295.05) 32.3%, oklch(41.21% 0.2167 295.50) 35.5%, oklch(43.09% 0.2253 296.00) 38.7%, oklch(45.08% 0.2325 296.55) 41.9%, oklch(47.18% 0.2385 297.16) 45.2%, oklch(49.36% 0.2443 297.82) 48.4%, oklch(51.65% 0.2485 298.54) 51.6%, oklch(54.08% 0.2497 299.31) 54.8%, oklch(56.68% 0.2466 300.15) 58.1%, oklch(59.66% 0.2380 301.20) 61.3%, oklch(62.85% 0.2258 302.35) 64.5%, oklch(65.92% 0.2120 303.38) 67.7%, oklch(68.57% 0.1988 304.06) 71.0%, oklch(71.17% 0.1850 304.44) 74.2%, oklch(74.12% 0.1670 304.70) 77.4%, oklch(76.32% 0.1511 304.59) 80.6%, oklch(76.66% 0.1445 303.86) 83.9%, oklch(73.89% 0.1452 302.18) 87.1%, oklch(67.04% 0.1577 299.09) 90.3%, oklch(58.09% 0.1766 295.31) 93.5%, oklch(49.51% 0.1955 291.75) 96.8%, oklch(43.70% 0.2081 289.33) 100.0%);

In these collections

Monochrome purple gradients Electric purple gradients