Orange, crimson and deep cyan sunset palette

Triadic peach, purple and blue color palette

The Orange, crimson and deep cyan sunset palette brings together light orange, orange, red, blue, and teal. Linear gradient, 32 colors at 135°: #f3c079, #d78051, #9f4d52, #4f5264, #1d5364. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f3c079
#f1bb75
#efb56f
#ecad68
#e9a462
#e59a5c
#e19157
#dc8854
#d78051
#d1794e
#cb714a
#c46a46
#bd6344
#b55c43
#ae5645
#a7514a
#9f4d52
#944c5d
#874c67
#784e6e
#6a5070
#5e526e
#555269
#4f5264
#4a5161
#465060
#415061
#3b5062
#345163
#2c5264
#245264
#1d5364

CSS

background: linear-gradient(135deg in oklch, oklch(83.86% 0.1061 75.23) 0.0%, oklch(82.67% 0.1078 73.12) 3.2%, oklch(81.08% 0.1102 70.29) 6.5%, oklch(79.19% 0.1131 66.93) 9.7%, oklch(77.09% 0.1162 63.20) 12.9%, oklch(74.87% 0.1192 59.26) 16.1%, oklch(72.62% 0.1217 55.30) 19.4%, oklch(70.44% 0.1234 51.48) 22.6%, oklch(68.40% 0.1241 48.00) 25.8%, oklch(66.33% 0.1245 45.44) 29.0%, oklch(64.18% 0.1247 43.58) 32.3%, oklch(62.01% 0.1245 41.89) 35.5%, oklch(59.85% 0.1237 39.85) 38.7%, oklch(57.76% 0.1219 36.94) 41.9%, oklch(55.79% 0.1189 32.63) 45.2%, oklch(53.98% 0.1145 26.40) 48.4%, oklch(52.36% 0.1080 17.63) 51.6%, oklch(50.88% 0.0983 5.81) 54.8%, oklch(49.51% 0.0861 351.67) 58.1%, oklch(48.25% 0.0726 336.11) 61.3%, oklch(47.10% 0.0590 320.00) 64.5%, oklch(46.06% 0.0466 304.24) 67.7%, oklch(45.12% 0.0365 289.70) 71.0%, oklch(44.29% 0.0299 277.28) 74.2%, oklch(43.57% 0.0277 267.17) 77.4%, oklch(42.99% 0.0292 258.10) 80.6%, oklch(42.54% 0.0335 250.00) 83.9%, oklch(42.19% 0.0395 242.81) 87.1%, oklch(41.92% 0.0463 236.53) 90.3%, oklch(41.70% 0.0530 231.13) 93.5%, oklch(41.51% 0.0585 226.57) 96.8%, oklch(41.34% 0.0620 222.83) 100.0%);

In these collections

Sunset gradients