Navy, rose and ochre sky palette

The Navy, rose and ochre sky palette brings together blue, magenta, red, orange, and gold. Linear gradient, 32 colors at 180°: #233767, #53518b, #af597b, #e57d50, #f2c25e. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#233767
#25396a
#293d6f
#2d4275
#32467a
#384a80
#404e85
#495089
#53518b
#5d528c
#68528b
#72538a
#7d5488
#885587
#955685
#a25781
#af597b
#bb5b73
#c65e6a
#ce6363
#d5695c
#db6f57
#e17653
#e57d50
#e9854d
#ed8d4b
#ef964a
#f1a04b
#f2ab4e
#f2b454
#f2bd5a
#f2c25e

CSS

background: linear-gradient(180deg in oklch, oklch(34.65% 0.0882 265.08) 0.0%, oklch(35.66% 0.0888 265.39) 3.2%, oklch(37.06% 0.0897 265.43) 6.5%, oklch(38.73% 0.0908 265.63) 9.7%, oklch(40.50% 0.0918 266.43) 12.9%, oklch(42.25% 0.0928 268.27) 16.1%, oklch(43.81% 0.0936 271.59) 19.4%, oklch(45.13% 0.0938 276.76) 22.6%, oklch(46.32% 0.0932 283.58) 25.8%, oklch(47.43% 0.0924 291.62) 29.0%, oklch(48.54% 0.0919 300.44) 32.3%, oklch(49.71% 0.0922 309.59) 35.5%, oklch(51.01% 0.0939 318.65) 38.7%, oklch(52.48% 0.0976 327.48) 41.9%, oklch(54.09% 0.1035 336.94) 45.2%, oklch(55.81% 0.1108 346.79) 48.4%, oklch(57.59% 0.1186 356.62) 51.6%, oklch(59.38% 0.1261 6.02) 54.8%, oklch(61.16% 0.1323 14.61) 58.1%, oklch(62.89% 0.1365 22.01) 61.3%, oklch(64.60% 0.1392 28.27) 64.5%, oklch(66.30% 0.1410 33.70) 67.7%, oklch(68.01% 0.1420 38.60) 71.0%, oklch(69.72% 0.1423 43.26) 74.2%, oklch(71.44% 0.1422 47.97) 77.4%, oklch(73.19% 0.1418 53.02) 80.6%, oklch(75.11% 0.1406 58.65) 83.9%, oklch(77.16% 0.1384 64.58) 87.1%, oklch(79.21% 0.1359 70.44) 90.3%, oklch(81.10% 0.1333 75.83) 93.5%, oklch(82.70% 0.1310 80.37) 96.8%, oklch(83.86% 0.1295 83.67) 100.0%);

In these collections

Sky