Navy and aubergine color palette

The Navy and aubergine color palette brings together dark blue and purple. Linear gradient, 32 colors at 180°: #070927, #170f46, #361974, #682aa3, #a339ca. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#070927
#080929
#0a0a2c
#0b0b30
#0d0c34
#0f0d38
#110e3c
#140f41
#170f46
#1a104c
#1d1151
#211357
#24145c
#281562
#2d1668
#31176e
#361974
#3b1b7a
#421d80
#481f87
#50228e
#582495
#60279c
#682aa3
#712caa
#792fb0
#8231b6
#8a33bb
#9135c0
#9837c4
#9e38c7
#a339ca

CSS

background: linear-gradient(180deg in oklch, oklch(16.14% 0.0606 274.92) 0.0%, oklch(16.67% 0.0635 275.44) 3.2%, oklch(17.27% 0.0670 276.03) 6.5%, oklch(17.95% 0.0711 276.69) 9.7%, oklch(18.70% 0.0756 277.43) 12.9%, oklch(19.51% 0.0805 278.23) 16.1%, oklch(20.39% 0.0858 279.09) 19.4%, oklch(21.33% 0.0913 280.01) 22.6%, oklch(22.33% 0.0971 280.98) 25.8%, oklch(23.37% 0.1030 282.01) 29.0%, oklch(24.46% 0.1089 283.09) 32.3%, oklch(25.59% 0.1150 284.21) 35.5%, oklch(26.76% 0.1209 285.37) 38.7%, oklch(27.97% 0.1268 286.57) 41.9%, oklch(29.20% 0.1325 287.80) 45.2%, oklch(30.46% 0.1379 289.07) 48.4%, oklch(31.77% 0.1432 290.39) 51.6%, oklch(33.22% 0.1486 291.86) 54.8%, oklch(34.82% 0.1543 293.48) 58.1%, oklch(36.53% 0.1602 295.23) 61.3%, oklch(38.33% 0.1661 297.07) 64.5%, oklch(40.18% 0.1722 298.97) 67.7%, oklch(42.07% 0.1781 300.90) 71.0%, oklch(43.97% 0.1841 302.84) 74.2%, oklch(45.84% 0.1898 304.76) 77.4%, oklch(47.66% 0.1953 306.62) 80.6%, oklch(49.39% 0.2006 308.40) 83.9%, oklch(51.02% 0.2055 310.07) 87.1%, oklch(52.52% 0.2100 311.61) 90.3%, oklch(53.85% 0.2141 312.97) 93.5%, oklch(54.99% 0.2176 314.14) 96.8%, oklch(55.91% 0.2205 315.08) 100.0%);

In these collections

Cyberpunk gradients Retro gradients Synthwave gradients