# Rainbow gradients

Eight spectral ramps move through red, orange, yellow, green, cyan, blue, and violet in varied directions and forms.

- Page: https://grabient.com/rainbow-gradients
- Palettes: 23
- Tags: rainbow, gradients, spectrum, bright, playful, background
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Crimson, emerald and violet rainbow palette](https://grabient.com/kam6ASW8VDe06RLZRUVXjpGcZTxxJ0EVA?steps=40): linear gradient, `#ea2f36` `#ed3830` `#f04327` `#f3501b` `#f65d05` `#f76c00` `#f77a00` `#f78600` `#fa9300` `#fea100` `#ffb018` `#febd25` `#fac834` `#f1ce3b` `#e3d038` `#d0cd2d` `#b9c81f` `#9ec216` `#82bd1d` `#62ba30` `#3ebb48` `#00be63` `#00c080` `#00c397` `#00c6aa` `#00c6b9` `#00c3c4` `#00bbc9` `#00aeca` `#00a0c8` `#0091c6` `#0083c7` `#0075d0` `#0065ed` `#3959f4` `#5653f3` `#6b4ff0` `#7d4eed` `#8a4de8` `#934ce4`
2. [Orange and cobalt blue color palette](https://grabient.com/kcr5EnarpEtVIxVbvcZwldHEjTxVMUEn18jDY?steps=48&angle=135): linear gradient, `#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`
3. [Emerald and crimson rainbow palette](https://grabient.com/kcqJFj27pGcPXRxJ0EVTFBJ9lFQ3sOkS1EjFQ?steps=48&angle=180): linear gradient, `#40ae1e` `#27b23d` `#00b75e` `#00ba7c` `#00be94` `#00bfa7` `#00bfb5` `#00bbbe` `#00b2c2` `#00a5c1` `#0097bf` `#0089bc` `#007bbd` `#006fc6` `#0061e0` `#2954f3` `#4451f3` `#5950f3` `#6b51f1` `#7d50ee` `#8f4de6` `#a246d9` `#b53dc5` `#c631ab` `#d4268c` `#dd1f6c` `#e3214d` `#e62b2f` `#e8380f` `#e64a00` `#e65700` `#e86100` `#eb6a00` `#ee7400` `#ef8000` `#f28d00` `#f79b00` `#fba900` `#fcb71d` `#f9c32e` `#f2ca36` `#e5cd34` `#d1cb2a` `#b8c61c` `#9abf10` `#7ab80f` `#5bb217` `#3eae20`
4. [Cobalt blue, orange and turquoise color palette](https://grabient.com/kafK61x1PFUnQSfXyMN6bpEtLIxVZPcZg?steps=40): linear gradient, `#005db9` `#0059ce` `#1c4fea` `#3e4ded` `#584bee` `#6e48ed` `#8444e7` `#973edc` `#ab34c9` `#bd28ae` `#cb1a8e` `#d50e6c` `#db104c` `#df1f2c` `#e12e03` `#de4600` `#de5300` `#e25e00` `#e56800` `#e87200` `#ea7e00` `#ed8b00` `#f19900` `#f5a700` `#f6b400` `#f1bf23` `#e8c52d` `#dac627` `#c6c20f` `#adbb00` `#92b300` `#75ad00` `#4faa00` `#16ab2f` `#00aa5c` `#00ab78` `#00ad8d` `#00b19f` `#00b4ad` `#00b5b6`
5. [Violet, ochre and cobalt blue rainbow palette](https://grabient.com/kakafVzFBJ9pFQ3tOkS1sjFVy9xnD10cA?style=radialGradient&steps=48&angle=210): radial gradient, `#9046e7` `#9d40de` `#ac39ce` `#bc2fb9` `#ca259f` `#d61c82` `#de1965` `#e32049` `#e62b31` `#e83718` `#e94400` `#e85100` `#ea5b00` `#ec6400` `#ef6d00` `#f17600` `#f38000` `#f58b00` `#f99700` `#fda300` `#ffaf0f` `#febb25` `#fcc532` `#f6cc39` `#edcf39` `#e0ce31` `#cecb21` `#bac503` `#a3bf00` `#8bba00` `#70b600` `#52b41e` `#2cb53a` `#00b759` `#00b873` `#00bb87` `#00bf99` `#00c1a8` `#00c2b5` `#00c0be` `#00bac3` `#00b0c6` `#00a5c6` `#0098c5` `#008bc4` `#007fc5` `#0073c8` `#006ace`
6. [Crimson and turquoise rainbow palette](https://grabient.com/kcnaASW8VDe06RLXyMVXj3GcTXRxLU8VTtBJ4?style=angularGradient&steps=56&angle=0): angular gradient, `#ed3339` `#ef3a34` `#f1422d` `#f44b24` `#f65518` `#f85f04` `#f76c00` `#f77700` `#f78100` `#f88c00` `#fb9700` `#fea300` `#ffaf17` `#ffba23` `#fcc430` `#f7cb38` `#eecf3a` `#e2cf35` `#d2cc28` `#bec813` `#a8c200` `#91bd00` `#76b900` `#59b71f` `#36b839` `#00ba55` `#00bb71` `#00be86` `#00c299` `#00c5a9` `#00c6b7` `#00c5c1` `#00c0c7` `#00b7c9` `#00acc8` `#009fc6` `#0092c3` `#0085c2` `#0079c4` `#006ecf` `#0061ea` `#2a56f6` `#4253f8` `#5551f9` `#6551f9` `#7551f8` `#8550f5` `#954cee` `#a647e3` `#b840d1` `#c938ba` `#d731a0` `#e22c83` `#e92b67` `#ec2e4d` `#ed3337`
7. [Teal and orange rainbow palette](https://grabient.com/kcvHuKw9dHEtTxVN0En2kVDew6RLWyMVXj3GY?style=angularGradient&steps=56&angle=225): angular gradient, `#00c3c3` `#00bcc3` `#00b1c1` `#00a5bf` `#0098bc` `#008bba` `#007ebb` `#0073c2` `#0068d1` `#0257f3` `#3153f5` `#4751f6` `#5950f8` `#6a51f8` `#7a51f7` `#8b4ff3` `#9b4beb` `#ac44dd` `#bc3cca` `#cb33b2` `#d72a97` `#e0237b` `#e6235f` `#e92a45` `#eb342d` `#ec3e15` `#ec4a00` `#eb5600` `#ec5f00` `#ee6700` `#f07000` `#f27800` `#f28200` `#f58d00` `#f89900` `#fba500` `#fdb00f` `#fbbb24` `#f8c430` `#f2ca36` `#e8cd35` `#d9cc2b` `#c8c819` `#b3c300` `#9dbd00` `#85b800` `#69b500` `#4bb425` `#1ab640` `#00b664` `#00b77d` `#00b991` `#00bca2` `#00bfb0` `#00c2bb` `#00c3c4`
8. [Crimson, mustard and violet color palette](https://grabient.com/kYl4YS2LtCWq2xbXs8TV6bG8E4y8?style=radialGradient&steps=32&angle=0): radial gradient, `#d6433f` `#d9493f` `#dc503f` `#e0593f` `#e4623e` `#e86c3d` `#ec763a` `#f08136` `#f48f32` `#f79f31` `#f8ae33` `#f5bc39` `#edc640` `#e1ca45` `#d1c845` `#bec343` `#a8bc41` `#93b543` `#7db04a` `#6aae56` `#5aaf67` `#4eb178` `#46b389` `#40b499` `#39b3a6` `#2daeb1` `#1da4bc` `#2295c5` `#3c83c9` `#546ec7` `#655cbe` `#704eb4`
9. [Rose, moss and violet color palette](https://grabient.com/kYiYoHUbzDdyxRPFH8kxCJJDc6x4?steps=32&angle=180): linear gradient, `#c22755` `#c62e52` `#cb364e` `#d14049` `#d64b43` `#da553d` `#dd5f36` `#e06930` `#e2752d` `#e4802b` `#e48b2c` `#e0942c` `#d79c2e` `#c79f31` `#b09e37` `#949940` `#789249` `#5e8a51` `#478259` `#367e62` `#287c6c` `#1f7b77` `#1d7b83` `#217b8e` `#287897` `#2f749e` `#376ca3` `#4061a6` `#4b55a6` `#5447a3` `#5c3b9e` `#623199`
10. [Violet through spectrum to red](https://grabient.com/kYfpXSwMG8NYpujYPjgXLq1EvFuw?style=radialGradient&steps=32&angle=0): radial gradient, `#7139c6` `#6b3cc8` `#6340c9` `#5944ca` `#4e49ca` `#4150cb` `#3259cb` `#2065cb` `#0a72cb` `#0081ca` `#038fca` `#179bc8` `#20a5c5` `#16acc1` `#00b1b9` `#00b4ad` `#00b59f` `#00b78c` `#00b970` `#4eb750` `#7db327` `#a4ac00` `#c0a400` `#d89c00` `#ea9106` `#f2872e` `#f37b3e` `#f06e47` `#ea5f4c` `#e45150` `#dd4553` `#d83c56`
11. [Deep saturated spectrum](https://grabient.com/kYd3T_SsLDd43xBoucTO73TTk_RS?style=radialGradient&steps=32&angle=0): radial gradient, `#9b2459` `#a12657` `#aa2854` `#b42b4f` `#bf3049` `#c93741` `#d14039` `#d94b32` `#df582d` `#e4672b` `#e8752b` `#eb822d` `#ed8e2e` `#ee992e` `#f3a333` `#f8ad38` `#fbb739` `#f7bf37` `#e8c633` `#c5cb3c` `#84c95b` `#00bb86` `#009d9e` `#0081a4` `#0064b5` `#3a4ab6` `#4f3bac` `#5b33a4` `#642f9f` `#6b2e9d` `#702d9b` `#752b98`
12. [Green led full spectrum](https://grabient.com/kYqW5r3arEE8vxrAvcO3DnQem4RO?steps=32&angle=135): linear gradient, `#3aad62` `#35b06c` `#33b57b` `#34ba8a` `#36bf9a` `#38c1a8` `#36c2b3` `#2dbfbb` `#20b9c2` `#14b0c8` `#13a7cc` `#1e9cce` `#2a92cf` `#3188ce` `#2d7fcb` `#2575c7` `#1f6bc4` `#2763c2` `#3b5ac3` `#5a54c4` `#804fbf` `#a84ead` `#cc538f` `#e4616c` `#ef764a` `#f08a2f` `#ee9a1d` `#eba71a` `#e9b221` `#e8ba2a` `#e7c132` `#e5c739`
13. [Blue led full spectrum](https://grabient.com/kYjXa5QENDklGRdQSUS17xPFopxS?style=radialGradient&steps=32&angle=0): radial gradient, `#356fd0` `#3b6bd0` `#4265cf` `#4a5dcd` `#5355ca` `#5c4ec7` `#6648c4` `#7244c1` `#8141bd` `#903fb8` `#9f3eb1` `#ad3da8` `#ba3d9f` `#c43c95` `#cc3c8f` `#d23c89` `#d93c82` `#e03d76` `#e64063` `#eb4843` `#e35f00` `#c97c00` `#b28f00` `#95a000` `#66b036` `#35b764` `#00b982` `#00b995` `#00b9a1` `#00b9aa` `#14b8b0` `#26b7b4`
14. [Lagoon Heat Blocks](https://grabient.com/kWepHOWkLLu8-yBHwlL3Sy4g?style=radialGradient&steps=32&angle=0): radial gradient, `#623bc4` `#743cc2` `#8b3dbe` `#a53fb4` `#bf43a5` `#d74a93` `#ea547e` `#f86169` `#ff7058` `#ff8456` `#ff985f` `#ffa96b` `#ffb878` `#ffc47e` `#ffcc77` `#ffd13b` `#e3d932` `#acdd52` `#52da7d` `#00c6a8` `#00aeb8` `#0098c0` `#0084cd` `#1973de` `#316fdb` `#2d75db` `#1081db` `#0091d2` `#00a0cb` `#00aec7` `#00b9c4` `#13c0c1`
15. [Blue green red spectrum](https://grabient.com/kWp4sfP0SwUa7Ppou6110jEA?steps=40&angle=45): linear gradient, `#ec5f04` `#eb5631` `#e64b4f` `#dd426c` `#cd3e88` `#b83ea1` `#9f40b6` `#8544c3` `#6a49ca` `#504ecc` `#3b52cb` `#2b55c8` `#2656c7` `#2956c5` `#3157c5` `#3a58c5` `#415ac6` `#455dc8` `#4562cb` `#3d6acf` `#2475d2` `#0084c8` `#0094bb` `#00a3b2` `#00b2a6` `#00c290` `#61ca70` `#97cc54` `#bdcb3c` `#d4c92c` `#dfc71f` `#e1c409` `#dac200` `#cdc000` `#bcbe00` `#a8bb00` `#91b900` `#78b800` `#60b617` `#50b521`
16. [Green magenta orange rainbow](https://grabient.com/kWsmx1TUksUnPuTZK7N1y47I?steps=32&angle=225): linear gradient, `#00bb86` `#45b668` `#75ac34` `#9f9a00` `#b98600` `#d16e00` `#e34d34` `#e03f66` `#d73b87` `#cd3a9d` `#c439ac` `#bc38b7` `#b538c0` `#ae3ac8` `#a63ed2` `#9b46dd` `#8a53e9` `#7464f2` `#5577f5` `#288af0` `#009add` `#00a5cd` `#00aec3` `#00b4b9` `#21b7af` `#33b7a5` `#3cb79c` `#41b693` `#44b58b` `#46b384` `#49b27d` `#4db178`
17. [Orange cyan violet beam](https://grabient.com/kWr3wnWKvR0xQVTVvEGuT-1g?steps=64&angle=135): linear gradient, `#e97800` `#e17f00` `#d98500` `#d18b00` `#c89200` `#be9800` `#b29e00` `#a4a520` `#93aa3c` `#80af52` `#6db367` `#58b67a` `#43b78c` `#2eb79c` `#16b6ab` `#00b4b9` `#00b1c5` `#12add0` `#2ba7db` `#43a0e4` `#5a97eb` `#718dee` `#8681ed` `#9975e6` `#ab69db` `#bb5dca` `#c851b6` `#d3459f` `#db3b87` `#e1326e` `#e42b56` `#e6293e` `#e62c24` `#e43400` `#dd4600` `#d85100` `#d75800` `#d75e00` `#d86200` `#db6500` `#de6800` `#e26900` `#e66a00` `#e96b09` `#ea6d1f` `#ea6e2c` `#e96e35` `#e86d3c` `#e76a42` `#e46648` `#e1614f` `#dc5b57` `#d7545e` `#d04e66` `#c8486e` `#bf4276` `#b53d7d` `#ab3983` `#a03589` `#96328e` `#8c2f92` `#832d95` `#7b2c97` `#752b98`
18. [Yellow green violet spectrum](https://grabient.com/kWnmVQyDKtFIyLjruDjQsQ2g?steps=48&angle=225): linear gradient, `#888f00` `#928900` `#9c8300` `#a67b00` `#b17100` `#bc6513` `#c05b35` `#c0544f` `#bc5167` `#b4507e` `#aa5293` `#9d56a4` `#905cb3` `#8063be` `#6e6ac6` `#5873ca` `#3b7bca` `#0084c5` `#008bb3` `#0090a7` `#00959d` `#009a93` `#009f89` `#00a57d` `#26a971` `#46ad68` `#5db263` `#71b75f` `#82bd5e` `#92c45d` `#a1ca5d` `#afcf5c` `#bcd35b` `#c8d557` `#d3d551` `#ddd249` `#e5cb3c` `#eac12a` `#eeb311` `#eea400` `#ea9400` `#e68300` `#e17000` `#db5d00` `#d34c14` `#cb3d21` `#c43029` `#be262f`
19. [Green yellow magenta rings](https://grabient.com/kUjGmzXrItmBAw83tbBA?style=radialGradient&steps=64&angle=0): radial gradient, `#2174c3` `#0b78c3` `#007cbd` `#0081b6` `#0086af` `#008aaa` `#008fa5` `#00949f` `#00999a` `#009e93` `#00a48b` `#00a97f` `#32ac72` `#51ae66` `#69ae5a` `#7eae4f` `#8fae46` `#9eae3e` `#abad38` `#b6ac34` `#bfac32` `#c6ab31` `#caab30` `#ceac2f` `#d0ad2e` `#d1af2d` `#d1b12b` `#cfb32a` `#cdb628` `#c9b928` `#c5bc29` `#bfbf2c` `#b9c22f` `#b2c534` `#abc739` `#a4c93e` `#9ccb42` `#95cc45` `#90cc47` `#8bcb47` `#89ca45` `#89c840` `#8cc437` `#91c028` `#97ba0c` `#9eb300` `#a5ab00` `#aaa200` `#ad9900` `#b08f00` `#b28600` `#b37c00` `#b47100` `#b56600` `#b65a00` `#b84b00` `#b5411b` `#af392b` `#a93337` `#a22d3f` `#9c2946` `#96264b` `#902350` `#8c2153`
20. [Soft orange cyan rainbow](https://grabient.com/kWvWRFVkE3E4lrDetCwPjIuo?steps=32&angle=45): linear gradient, `#c5ac31` `#cba624` `#d29f09` `#d99700` `#e08d00` `#ea8000` `#f17226` `#f4674a` `#f05f6c` `#e45e8f` `#cf63ae` `#b26cc6` `#9076d1` `#6d80d0` `#4989c5` `#2890b4` `#1197a2` `#259e8f` `#4ba57a` `#74aa61` `#9daa48` `#c2a534` `#e09c37` `#f29050` `#f6836e` `#eb778c` `#d46da6` `#b567b7` `#9163be` `#6e60bc` `#4d5db5` `#305cad`
21. [Blue green yellow orange spectrum](https://grabient.com/kclowTW8TCOq7xF3x8Oc9DCmq9QhXsUmSFzDo?steps=8&angle=270): linear gradient, `#d83d38` `#ff772a` `#febe28` `#ecf838` `#9fff65` `#61e995` `#28a7e2` `#3762ff`
22. [Rainbow diagonal ribbon gradient](https://grabient.com/kchY_w36wxHPQN7hP7bzVg5ke8NPtuzJc9g6Q?steps=8&angle=225): linear gradient, `#ac2990` `#30c2dc` `#94ff8e` `#f89900` `#ef0058` `#6565d3` `#49f3b6` `#d9f100`
23. [Coral lime mint glow](https://grabient.com/kasI4T3T7B-O5QhltMQ6UFDW9PwZxUMDg): linear gradient, `#fe6054` `#fe7f41` `#fe9f3b` `#d6be3d` `#a7db4a` `#7bf762` `#60ff8a`

## Other forms

- [JSON](https://grabient.com/api/collections/rainbow-gradients)
- [ASE](https://grabient.com/rainbow-gradients.ase)
- [GPL](https://grabient.com/rainbow-gradients.gpl)
- [GRD](https://grabient.com/rainbow-gradients.grd)
- [Design tokens](https://grabient.com/rainbow-gradients.tokens.json)
- [Image](https://grabient.com/api/png/collection?slug=rainbow-gradients)
- [Social card](https://grabient.com/api/og/collection?slug=rainbow-gradients&v=k4)
- [More collections](https://grabient.com/collections)
- [Guide for agents](https://grabient.com/llms.txt)