Cobalt blue, silver and gold sunrise palette

Complementary blue, gray and beige color palette

The Cobalt blue, silver and gold sunrise palette brings together blue, light gray, and pale orange. Angular gradient, 48 colors at 30°: #3f6595, #659bba, #c0c7c7, #dadbd7, #fae3b0. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#3f6595
#406797
#426b9a
#446f9d
#4673a1
#4978a4
#4c7da8
#4f82ac
#5387b0
#578db3
#5b92b6
#6097b9
#659bba
#6ca0bc
#73a4bd
#7ba8be
#84acbf
#8cb0c0
#95b4c0
#9eb8c1
#a6bbc2
#aebec3
#b5c1c4
#bbc4c5
#c0c7c7
#c5c9c9
#c9cbcb
#cccdcd
#cfcfcf
#d1d1d1
#d3d3d3
#d4d4d4
#d6d6d6
#d7d7d7
#d8d9d7
#dadbd7
#dcdcd6
#ddded5
#e0dfd2
#e2e0cf
#e5e1cb
#e8e2c6
#ece2c2
#efe2bd
#f2e3b9
#f5e3b5
#f8e3b2
#fae3b0

CSS

background: conic-gradient(from 30deg in oklch, oklch(50.00% 0.0896 255.23) 0.0%, oklch(50.80% 0.0890 254.27) 2.1%, oklch(51.81% 0.0885 253.11) 4.3%, oklch(52.99% 0.0880 251.76) 6.4%, oklch(54.31% 0.0875 250.25) 8.5%, oklch(55.76% 0.0868 248.59) 10.6%, oklch(57.28% 0.0860 246.82) 12.8%, oklch(58.86% 0.0849 244.93) 14.9%, oklch(60.46% 0.0835 242.96) 17.0%, oklch(62.05% 0.0818 240.93) 19.1%, oklch(63.61% 0.0796 238.85) 21.3%, oklch(65.09% 0.0768 236.74) 23.4%, oklch(66.48% 0.0735 234.64) 25.5%, oklch(67.88% 0.0692 232.72) 27.7%, oklch(69.31% 0.0640 230.98) 29.8%, oklch(70.77% 0.0581 229.33) 31.9%, oklch(72.23% 0.0516 227.67) 34.0%, oklch(73.68% 0.0448 225.91) 36.2%, oklch(75.11% 0.0380 223.96) 38.3%, oklch(76.51% 0.0313 221.72) 40.4%, oklch(77.85% 0.0249 219.10) 42.6%, oklch(79.12% 0.0191 216.00) 44.7%, oklch(80.30% 0.0140 212.34) 46.8%, oklch(81.39% 0.0099 208.01) 48.9%, oklch(82.36% 0.0069 202.87) 51.1%, oklch(83.24% 0.0044 196.60) 53.2%, oklch(84.04% 0.0023 189.35) 55.3%, oklch(84.76% 0.0007 181.35) 57.4%, oklch(85.41% 0.0000 89.88) 59.6%, oklch(86.01% 0.0000 89.88) 61.7%, oklch(86.56% 0.0000 89.88) 63.8%, oklch(87.06% 0.0000 89.88) 66.0%, oklch(87.54% 0.0000 89.88) 68.1%, oklch(87.99% 0.0009 130.07) 70.2%, oklch(88.43% 0.0026 123.04) 72.3%, oklch(88.87% 0.0049 117.05) 74.5%, oklch(89.29% 0.0079 112.11) 76.6%, oklch(89.69% 0.0121 107.81) 78.7%, oklch(90.05% 0.0174 104.06) 80.9%, oklch(90.38% 0.0234 100.82) 83.0%, oklch(90.69% 0.0300 98.02) 85.1%, oklch(90.96% 0.0369 95.61) 87.2%, oklch(91.21% 0.0438 93.53) 89.4%, oklch(91.44% 0.0504 91.73) 91.5%, oklch(91.64% 0.0567 90.15) 93.6%, oklch(91.82% 0.0622 88.73) 95.7%, oklch(91.98% 0.0668 87.42) 97.9%, oklch(92.13% 0.0703 86.15) 100.0%);

In these collections

Sunrise gradients