Plum and ochre navy and gold palette

The Plum and ochre navy and gold palette brings together dark blue, dark purple, magenta, orange, and gold. Linear gradient, 32 colors at 90°: #080b22, #1c153c, #48273c, #914e15, #e5a524. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#080b22
#0a0b23
#0c0c26
#0f0e28
#120f2b
#14102e
#171232
#1a1337
#1c153c
#1f1741
#241944
#291a45
#2f1c44
#341f42
#3a213f
#40243d
#48273c
#512939
#5c2c33
#66302c
#6f3623
#783e1c
#844618
#914e15
#9f5614
#ae5f15
#ba6913
#c57511
#d08312
#d99018
#e09c1e
#e5a524

CSS

background: linear-gradient(90deg in oklch, oklch(16.14% 0.0482 274.92) 0.0%, oklch(16.63% 0.0493 276.52) 3.2%, oklch(17.31% 0.0508 278.82) 6.5%, oklch(18.12% 0.0526 281.45) 9.7%, oklch(19.01% 0.0548 284.05) 12.9%, oklch(19.93% 0.0574 286.25) 16.1%, oklch(20.87% 0.0610 287.47) 19.4%, oklch(21.90% 0.0661 287.68) 22.6%, oklch(22.99% 0.0714 287.81) 25.8%, oklch(24.10% 0.0759 288.75) 29.0%, oklch(25.22% 0.0784 291.44) 32.3%, oklch(26.30% 0.0775 296.48) 35.5%, oklch(27.30% 0.0730 303.19) 38.7%, oklch(28.31% 0.0669 311.31) 41.9%, oklch(29.42% 0.0612 320.60) 45.2%, oklch(30.74% 0.0579 330.82) 48.4%, oklch(32.31% 0.0589 342.16) 51.6%, oklch(34.04% 0.0632 356.24) 54.8%, oklch(35.93% 0.0697 11.71) 58.1%, oklch(38.04% 0.0776 26.75) 61.3%, oklch(40.39% 0.0857 39.56) 64.5%, oklch(43.06% 0.0935 48.37) 67.7%, oklch(46.13% 0.1023 53.10) 71.0%, oklch(49.52% 0.1117 55.15) 74.2%, oklch(53.06% 0.1211 55.91) 77.4%, oklch(56.60% 0.1294 56.80) 80.6%, oklch(60.01% 0.1360 59.19) 83.9%, oklch(63.63% 0.1407 63.07) 87.1%, oklch(67.44% 0.1442 67.56) 90.3%, oklch(71.07% 0.1468 72.07) 93.5%, oklch(74.17% 0.1487 75.98) 96.8%, oklch(76.38% 0.1502 78.72) 100.0%);

In these collections

Navy and gold