Orange and cobalt blue color palette
The Orange and cobalt blue color palette brings together orange, gold, green, teal, blue, purple, and red. Linear gradient, 48 colors at 135°: #e97800, #75b300, #008cbb, #ad3acf, #e87900. Edit and export CSS, SVG, PNG or a shader.
8 editable OKLCH keyframes.
- #e97800
- #eb8100
- #ef8d00
- #f49c00
- #f7ab00
- #f7b814
- #f1c32b
- #e8c931
- #d9c929
- #c5c514
- #adbe00
- #92b800
- #75b300
- #51b114
- #21b238
- #00b35d
- #00b679
- #00ba8f
- #00bda2
- #00bfb1
- #00bdbc
- #00b5c1
- #00aac1
- #009bbe
- #008cbb
- #007eb9
- #0070bd
- #0064ce
- #1551ef
- #394cf0
- #4f4af1
- #624af2
- #744af0
- #8748eb
- #9a42e1
- #ad3acf
- #c030b6
- #cf2598
- #da1d78
- #e11d58
- #e5273a
- #e8331a
- #e54700
- #e35800
- #e46400
- #e66c00
- #e77300
- #e87900
CSS
background: linear-gradient(135deg in oklch, oklch(68.90% 0.1710 54.83) 0.0%, oklch(70.62% 0.1680 58.59) 2.1%, oklch(73.25% 0.1661 63.68) 4.3%, oklch(76.32% 0.1656 69.74) 6.4%, oklch(79.37% 0.1664 76.42) 8.5%, oklch(81.93% 0.1654 83.40) 10.6%, oklch(83.55% 0.1609 90.30) 12.8%, oklch(83.74% 0.1600 96.82) 14.9%, oklch(82.29% 0.1635 103.23) 17.0%, oklch(79.61% 0.1702 109.71) 19.1%, oklch(76.26% 0.1748 116.32) 21.3%, oklch(72.76% 0.1787 123.09) 23.4%, oklch(69.65% 0.1876 130.06) 25.5%, oklch(67.45% 0.1991 137.26) 27.7%, oklch(66.66% 0.1994 144.76) 29.8%, oklch(67.14% 0.1746 152.53) 31.9%, oklch(68.42% 0.1534 160.55) 34.0%, oklch(70.04% 0.1406 168.76) 36.2%, oklch(71.51% 0.1325 177.13) 38.3%, oklch(72.39% 0.1272 185.61) 40.4%, oklch(72.19% 0.1234 194.17) 42.6%, oklch(70.53% 0.1201 202.93) 44.7%, oklch(67.62% 0.1179 212.09) 46.8%, oklch(63.96% 0.1177 221.43) 48.9%, oklch(60.06% 0.1207 230.77) 51.1%, oklch(56.40% 0.1290 239.91) 53.2%, oklch(53.49% 0.1462 248.64) 55.3%, oklch(51.82% 0.1822 256.76) 57.4%, oklch(51.39% 0.2428 263.76) 59.6%, oklch(51.82% 0.2426 269.87) 61.7%, oklch(52.83% 0.2405 275.60) 63.8%, oklch(54.16% 0.2374 281.48) 66.0%, oklch(55.52% 0.2341 288.06) 68.1%, oklch(56.65% 0.2312 295.86) 70.2%, oklch(57.32% 0.2295 305.47) 72.3%, oklch(57.72% 0.2283 317.46) 74.5%, oklch(57.99% 0.2271 331.06) 76.6%, oklch(58.24% 0.2259 345.35) 78.7%, oklch(58.53% 0.2246 359.40) 80.9%, oklch(58.96% 0.2230 12.28) 83.0%, oklch(59.60% 0.2211 23.05) 85.1%, oklch(60.58% 0.2186 31.24) 87.2%, oklch(61.93% 0.2039 37.75) 89.4%, oklch(63.49% 0.1883 42.93) 91.5%, oklch(65.12% 0.1801 47.01) 93.6%, oklch(66.67% 0.1756 50.25) 95.7%, oklch(67.98% 0.1728 52.88) 97.9%, oklch(68.90% 0.1702 55.18) 100.0%);In these collections
Rainbow loop gradientsRainbow gradients
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
