Navy, violet and terracotta sunset palette

Tritone navy, purple and salmon color palette

The Navy, violet and terracotta sunset palette brings together dark blue, blue, magenta, and light orange. Linear gradient, 32 colors at 90°: #142753, #243f8b, #7c4eab, #c5648b, #d79a73. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#142753
#152857
#162b5c
#172e62
#18316a
#1a3472
#1c387a
#1f3b82
#243f8b
#2b4292
#334499
#3d469f
#4848a4
#554aa8
#614baa
#6e4dab
#7c4eab
#8850a9
#9552a6
#a054a2
#ab579d
#b45a98
#bd5e91
#c5648b
#cb6a84
#d1717d
#d47978
#d68174
#d78972
#d89071
#d89572
#d79a73

CSS

background: linear-gradient(90deg in oklch, oklch(28.35% 0.0841 264.38) 0.0%, oklch(29.17% 0.0875 264.55) 3.2%, oklch(30.23% 0.0923 264.45) 6.5%, oklch(31.46% 0.0981 264.21) 9.7%, oklch(32.85% 0.1045 263.98) 12.9%, oklch(34.36% 0.1112 263.90) 16.1%, oklch(35.95% 0.1181 264.11) 19.4%, oklch(37.58% 0.1246 264.75) 22.6%, oklch(39.23% 0.1306 265.95) 25.8%, oklch(40.85% 0.1357 267.87) 29.0%, oklch(42.41% 0.1396 270.64) 32.3%, oklch(43.91% 0.1422 274.38) 35.5%, oklch(45.44% 0.1441 279.06) 38.7%, oklch(47.01% 0.1455 284.54) 41.9%, oklch(48.59% 0.1462 290.68) 45.2%, oklch(50.18% 0.1465 297.35) 48.4%, oklch(51.78% 0.1462 304.40) 51.6%, oklch(53.38% 0.1455 311.70) 54.8%, oklch(54.96% 0.1443 319.10) 58.1%, oklch(56.52% 0.1427 326.48) 61.3%, oklch(58.06% 0.1407 333.70) 64.5%, oklch(59.56% 0.1383 340.68) 67.7%, oklch(61.12% 0.1349 348.16) 71.0%, oklch(62.74% 0.1305 356.20) 74.2%, oklch(64.38% 0.1254 4.57) 77.4%, oklch(66.02% 0.1198 13.04) 80.6%, oklch(67.61% 0.1140 21.40) 83.9%, oklch(69.11% 0.1083 29.40) 87.1%, oklch(70.51% 0.1028 36.83) 90.3%, oklch(71.74% 0.0980 43.45) 93.5%, oklch(72.79% 0.0939 49.04) 96.8%, oklch(73.62% 0.0909 53.38) 100.0%);

In these collections

Sunset gradients