# Orange and blue gradients

Burnt orange, coral, peach, and gold blend through muted neutrals into sky blue, teal, cobalt, and deep navy.

- Page: https://grabient.com/orange-and-blue-gradients
- Palettes: 30
- Tags: orange and blue, orange, blue, coral, teal, navy, contrast
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Orange, gray and blue](https://grabient.com/kah2ci1LhBd4vwVgE0LWxPL1ElwrDJcEA?style=angularGradient&steps=32): angular gradient, `#ab4d04` `#b15202` `#ba5b00` `#c46500` `#cd6f00` `#d57800` `#d9800b` `#dd8718` `#df8e24` `#df9430` `#de9a3c` `#daa04a` `#d4a55c` `#ceaa6d` `#c6ad7c` `#bdaf87` `#b4b18e` `#a8b394` `#9ab49b` `#8db3a3` `#82b1ab` `#78adb1` `#6daab4` `#5fa6b7` `#4ea2b8` `#3b9eb8` `#2c98b7` `#2191b3` `#1989ad` `#1281a6` `#0d7aa0` `#09759b`
2. [Pastel orange to gray](https://grabient.com/kYvHke4zRA2ipQRsHMGbIjCmoHU6?steps=32&angle=0): linear gradient, `#ff834d` `#ff854e` `#ff8951` `#ff8d54` `#ff9157` `#ff955a` `#ff995d` `#ff9d60` `#ffa164` `#fea669` `#feaa6d` `#fdae72` `#fcb276` `#fab57b` `#f9b97f` `#f7bc83` `#f5bf88` `#f3c28c` `#f0c591` `#ecc897` `#e9c99f` `#e6cba7` `#e2ccaf` `#ddcdb6` `#d8cfbb` `#d2d0bf` `#ccd0c3` `#c5d1c7` `#c0d0cd` `#beced2` `#bfcbd5` `#c2c9d6`
3. [Complementary navy, gray and orange](https://grabient.com/kYXDanPyPAlSfvrijDtZRUxGA6vS?steps=32&angle=135): linear gradient, `#04435f` `#064764` `#094c6c` `#0d5275` `#13587f` `#196089` `#206792` `#276f9a` `#2f77a3` `#3880ab` `#4189b3` `#4a92b9` `#539bbe` `#5ca2c0` `#69a9c1` `#77afc0` `#85b3bf` `#91b8bd` `#9abbbc` `#a1beba` `#a7c1b5` `#afc1ae` `#b9c0a6` `#c4bd9e` `#cfb999` `#d9b495` `#e2ae8e` `#eaa784` `#f29e78` `#f9966b` `#ff8e60` `#ff8b5f`
4. [Vivid triadic blue, pink and yellow](https://grabient.com/kcX0yxNi1BcQoRPUK0V4bFEOavw_stkJbbjCI?steps=32): linear gradient, `#004374` `#004479` `#04467f` `#0f4887` `#1e4a8e` `#304c95` `#44509a` `#59549e` `#6c58a0` `#7e5ca1` `#9061a2` `#a266a2` `#b46ba0` `#c4719d` `#d3779a` `#e17d96` `#ee8491` `#f88b8b` `#ff9283` `#ff9a7d` `#ff9f74` `#ffa46a` `#fdaa64` `#feb05f` `#ffb65c` `#ffbc5d` `#ffc25c` `#ffc651` `#fcca47` `#f6cd46` `#f0d145` `#ebd346`
5. [Light blue, blue, brown and orange](https://grabient.com/kauVSnyS5BLWswSmkcJtJnNEi6QVZvEFA?style=angularGradient&steps=32&angle=270): angular gradient, `#55b2e6` `#4eabe1` `#46a2da` `#3c97d2` `#338bc9` `#2b80c0` `#2576b8` `#1d6caf` `#1662a6` `#14589d` `#174f92` `#1b4785` `#1d3f75` `#1f3863` `#223154` `#262d49` `#2d2b45` `#382c44` `#462e43` `#56323f` `#643839` `#713d33` `#7f422e` `#914528` `#a44824` `#b64a22` `#c44f1d` `#d05819` `#da621b` `#e26d1f` `#e97625` `#ee7d28`
6. [Orange and Blue: Navy and mauve](https://grabient.com/kcNCi3pBm_S6hP65j0AQAxQcUuwdJNT_OTI_A?steps=32&angle=225): linear gradient, `#061730` `#071a34` `#081e3a` `#092341` `#0b2848` `#0c2d4f` `#0b3258` `#0a3760` `#0b3c68` `#12416d` `#1a486e` `#254e6d` `#33546b` `#41576c` `#50596e` `#5f596b` `#6a5a64` `#725c5d` `#785e57` `#835e4d` `#915c40` `#9e5832` `#a95425` `#b0541b` `#b65718` `#bb591b` `#bd591e` `#ba551c` `#b14c18` `#a54113` `#99370e` `#91300a`
7. [Orange and Blue: Sky blue and stone](https://grabient.com/kYwlCoaB6_uUTw_jlMx5ShFN41Py?style=radialGradient&steps=32&angle=45): radial gradient, `#67bdef` `#6bbfef` `#70c2f0` `#76c6f1` `#7dcaf2` `#84ccf2` `#8bcdf2` `#91cdf1` `#97cbef` `#9cc8eb` `#a0c4e8` `#a5c1e4` `#abbde1` `#b2bade` `#bbb6da` `#c4b2d2` `#ccaec9` `#d3acbe` `#d8abb3` `#dcaaaa` `#e0aaa1` `#e5aa98` `#eaab8f` `#eeab85` `#f1ab7b` `#f2aa71` `#f2a768` `#f2a260` `#f29c59` `#f29653` `#f2914f` `#f28d4c`
8. [Orange and Blue: Rose and sky blue](https://grabient.com/ka1UYuWrM-Eo1Pm3nLqN6S2VCkPTtEz4g?steps=32&angle=45): linear gradient, `#f6bd87` `#f5b67e` `#f3ac71` `#f09f64` `#ed9358` `#e8874e` `#e37c46` `#dd733e` `#d66a37` `#ce6133` `#c55836` `#b9503d` `#a94a45` `#97464c` `#864251` `#774055` `#6d3e5a` `#643d63` `#5a3e6e` `#4e417a` `#424884` `#39508b` `#365b95` `#3968a1` `#4176ad` `#4b84ba` `#5692c4` `#66a1ce` `#79b2d7` `#8ec1e0` `#a1cee8` `#afd7ed`
9. [Orange and Blue: Coral and cobalt blue](https://grabient.com/kapocb2jpAmKpQJgFTxURm3MsmuvCMT8A?style=radialGradient&steps=32&angle=270): radial gradient, `#ea5d2a` `#eb612d` `#ed6631` `#ee6d37` `#f0733d` `#f17a44` `#f1814b` `#f28a53` `#f2925b` `#f29a65` `#f19f70` `#efa27b` `#eaa486` `#e4a591` `#dda599` `#d6a39f` `#ce9fa3` `#c599a6` `#b991a8` `#ac89aa` `#9e84ad` `#9180af` `#867eb3` `#7b7eb6` `#707eba` `#657ebc` `#597cbc` `#4d79bb` `#4275b9` `#3970b7` `#316cb6` `#2a69b4`
10. [Mauve and navy orange and blue palette](https://grabient.com/ka4Tsw5Ki-lOqvvAETitxq2SsgP0eGb-g?steps=32&angle=180): linear gradient, `#fed09f` `#fccb99` `#fbc490` `#f9bc86` `#f6b37c` `#f2aa73` `#eda16b` `#e69860` `#df9056` `#d7864f` `#ce7d4d` `#c37453` `#b46c5c` `#a26564` `#906069` `#7f5c6a` `#74586a` `#6a546d` `#605272` `#545178` `#46517a` `#394e78` `#2f4b75` `#284671` `#23406d` `#1f3b69` `#1a3563` `#14305c` `#0f2a54` `#0b254b` `#082044` `#061d3f`
11. [Navy Violet Burnt Orange](https://grabient.com/kUXz23TSG_Us50VaM0GA?steps=32&angle=45): linear gradient, `#22416d` `#244571` `#274b76` `#2a527d` `#2e5b84` `#33648c` `#396c94` `#3f759d` `#467ca5` `#4d81ae` `#5585b6` `#5f85bd` `#6c82c2` `#7c7cc4` `#8d74c0` `#9f6ab5` `#ae61a2` `#bb588a` `#c3526f` `#c75054` `#c8523a` `#c95624` `#ca5b0e` `#cb6100` `#cd6700` `#d16c07` `#d47119` `#d87627` `#dc7b32` `#e07f3b` `#e28341` `#e48645`
12. [Teal blue magenta diagonal](https://grabient.com/kSh2ciwyWqy4bQI?steps=32&angle=45): linear gradient, `#ab4d04` `#ad4a1f` `#ae4833` `#ae4647` `#ac465a` `#a7486e` `#a04b80` `#965091` `#8a569f` `#7b5caa` `#6b62af` `#5a68b1` `#496daf` `#3771ab` `#2574a5` `#12759e` `#007598` `#007390` `#00718a` `#006e85` `#006b80` `#00677c` `#006378` `#005f75` `#005a71` `#00566e` `#00526b` `#004e69` `#014b66` `#034763` `#044561` `#05435f`
13. [Cyan teal coral rings](https://grabient.com/kUvHgezKMsUmuQPkG1Hg?style=radialGradient&steps=40&angle=0): radial gradient, `#ff834d` `#fd7e5f` `#f97a73` `#f27789` `#e6759f` `#d676b2` `#c379c2` `#ad7ccc` `#9680d0` `#8084cf` `#6b86ca` `#5a88c2` `#4b89ba` `#4189b3` `#3889ae` `#3088aa` `#2688a7` `#1987a5` `#0486a4` `#0085a3` `#0084a3` `#0083a4` `#0082a7` `#0081ac` `#0081b2` `#0e80bb` `#2a80c0` `#407fc5` `#587ec9` `#6f7ecc` `#857ecc` `#9b7fc9` `#ae82c2` `#bf85ba` `#cc8ab1` `#d690a8` `#dd97a1` `#e19e9c` `#e4a599` `#e5aa98`
14. [Gold aqua navy beam](https://grabient.com/kWXDanbDGtWaX1CqoEFL6U-g?steps=48&angle=135): linear gradient, `#04435f` `#004c63` `#005866` `#006769` `#007869` `#2f8862` `#5a9657` `#84a14b` `#aaaa43` `#ccb044` `#e6b74c` `#f8bd57` `#ffc463` `#ffcc67` `#f7d56c` `#e6df7a` `#cfe88f` `#b5eda9` `#9eeec3` `#91ebd9` `#8fe5e8` `#94dcf0` `#9bd2f0` `#9fc9ec` `#9fbfe5` `#9ab4db` `#91a7cf` `#8599c2` `#778ab4` `#687ba6` `#596c98` `#495e8b` `#3b527f` `#2e4774` `#233d6b` `#1b3665` `#163260` `#122f5e` `#0f2e5e` `#0d2f5f` `#0b3161` `#093363` `#073667` `#06396a` `#053d6d` `#033f70` `#024272` `#004374`
15. [Orange blue rainbow rings](https://grabient.com/kYX0qxSTrR-QrQjwncD2pTP10vVC?style=radialGradient&steps=56&angle=0): radial gradient, `#014374` `#1a427b` `#2f4182` `#444088` `#5a3d8a` `#703a86` `#86387d` `#99376e` `#aa385b` `#b63d47` `#be4532` `#c44f1c` `#c85903` `#ca6400` `#cf6d00` `#d4750f` `#d97d22` `#dd8532` `#e28d40` `#e7944c` `#eb9b57` `#eea161` `#f1a768` `#f4ad6f` `#f8b277` `#fbb67e` `#ffbb86` `#ffc092` `#ffc59c` `#ffc9a3` `#ffcca8` `#ffcea9` `#ffd0a6` `#fdd09f` `#f6d19d` `#ead19b` `#ddcf9a` `#cecc9a` `#bdc99a` `#adc49c` `#9ec09f` `#91baa3` `#86b5a7` `#7db1ac` `#78adb2` `#75aab9` `#77a7c2` `#7fa3cb` `#8d9fd2` `#9e99d5` `#b193d3` `#c48eca` `#d489bd` `#e086ae` `#e9859e` `#ee8490`
16. [Burnt orange navy halo](https://grabient.com/kUNCi3OCTA8Oz0M2rS3A?style=radialGradient&steps=32&angle=0): radial gradient, `#051730` `#071a34` `#091f3b` `#0b2443` `#0e2b4c` `#113255` `#153960` `#1a406a` `#204775` `#294c7f` `#344f88` `#42508f` `#544f93` `#684c93` `#7d498b` `#8f457c` `#9d4268` `#a64351` `#ab4639` `#ab4a22` `#ab4c0c` `#ab4c06` `#ac481b` `#ab4232` `#a63c4b` `#9c3a63` `#8c3b7a` `#783f8b` `#604395` `#484898` `#2f4c96` `#164f91`
17. [Gold navy blush rings](https://grabient.com/kYbTf1XxTDS-esliNdHbbjF9syug?style=radialGradient&steps=48&angle=0): radial gradient, `#6d3e59` `#74445e` `#7f4f65` `#8d5b6d` `#9c6977` `#aa7881` `#b8868b` `#c39295` `#cb9b9d` `#ce9fa2` `#cc9da4` `#c295a3` `#b2889f` `#9b799a` `#816b92` `#655d88` `#4b517d` `#364873` `#27426d` `#23416d` `#2d4275` `#414681` `#5c4c8e` `#7e5396` `#a25b96` `#c4658d` `#e0737e` `#f3836d` `#fe935c` `#ffa157` `#ffad51` `#ffb748` `#febf3b` `#fac73c` `#f5cd3f` `#f1d042` `#eed345` `#ebd347` `#ead246` `#ebce43` `#ecc73e` `#eebd39` `#efb237` `#f0a73a` `#ef9c3e` `#ec9344` `#ea8c49` `#e8874d`
18. [Navy blush dusk diagonal](https://grabient.com/kSvikJHhoyeI10a?steps=56&angle=135): linear gradient, `#ce9fa3` `#cb9ca2` `#c6989f` `#c1939d` `#bb8d9a` `#b38897` `#ac8194` `#a37b91` `#9a748d` `#906e89` `#866784` `#7c6180` `#725a7b` `#685476` `#5d4d71` `#53486b` `#4a4266` `#403c60` `#37375b` `#2f3356` `#272e51` `#202a4c` `#1a2748` `#142445` `#0f2142` `#0b1f40` `#081e3f` `#061d3f` `#071d40` `#081e42` `#0c1f45` `#112049` `#17224e` `#1e2453` `#262759` `#2f2a5f` `#392e64` `#44316a` `#503570` `#5c3974` `#6a3d78` `#77427b` `#85467d` `#934b7e` `#a1517e` `#ae567d` `#bb5c7b` `#c76378` `#d26975` `#dc7071` `#e5776d` `#ec7e69` `#f38565` `#f88b61` `#fc915d` `#ff965b`
19. [Peach sky blue diagonal](https://grabient.com/kWmV7tZq3JuwxwpkKz3TKErw?steps=32&angle=225): linear gradient, `#ae61a1` `#b9659e` `#c76a98` `#d67390` `#e47d87` `#ef8a7e` `#f79776` `#fca370` `#feac6c` `#ffb36a` `#ffb96a` `#ffbd68` `#ffc066` `#ffc163` `#ffc260` `#ffc25d` `#fec25c` `#fcc25c` `#f8c15c` `#f5c05d` `#f2bd5d` `#f0b95e` `#f0b261` `#f1a966` `#f19e71` `#ed9285` `#de889e` `#c683b4` `#a782c2` `#8683c4` `#6985be` `#5585b5`
20. [Gray, blue, purple and peach](https://grabient.com/kS1A67Sa49-QrVI?steps=48&angle=45): linear gradient, `#c2c9d6` `#bfc7d5` `#bbc5d5` `#b7c2d4` `#b1bfd3` `#abbcd2` `#a5b8d1` `#9db4d0` `#96b0ce` `#8dadcd` `#85a9cb` `#7ba5c9` `#72a1c7` `#699dc4` `#5f9ac2` `#5596c0` `#4c93bf` `#4290bd` `#398dbc` `#318abb` `#2a87bb` `#2685bc` `#2582bd` `#2880bf` `#307ec1` `#3a7dc4` `#457bc7` `#5279ca` `#6078cc` `#6e76ce` `#7c75ce` `#8a74cd` `#9873ca` `#a673c6` `#b373c0` `#bf74b9` `#ca76b1` `#d478a8` `#dd7c9f` `#e48096` `#e9848d` `#ee8a84` `#f08f7d` `#f29577` `#f39a71` `#f39f6d` `#f2a46a` `#f1a768`
21. [Navy peach glow beam](https://grabient.com/kW23FGmhRSuqjU6eGixZIwyY?steps=64&angle=135): linear gradient, `#ebd346` `#d9ce47` `#c2c749` `#a7bd4c` `#89b150` `#6aa354` `#4a9456` `#278357` `#007156` `#005e52` `#004c4b` `#003d42` `#00303a` `#002634` `#001e31` `#011931` `#081630` `#111732` `#1c1b37` `#2a213f` `#3b2947` `#4f3350` `#653f59` `#7c4d61` `#935d68` `#aa6d6e` `#be7f73` `#d09078` `#de9f7d` `#eaad81` `#f1b784` `#f6bc86` `#f6bd86` `#f4b884` `#eeae80` `#e5a17c` `#d99178` `#c98075` `#b76f72` `#a25e6f` `#8b4f6c` `#734267` `#5c3661` `#462d5a` `#332552` `#23204b` `#151d44` `#091d40` `#011f3f` `#00243c` `#002b3e` `#003344` `#003e4b` `#124a52` `#245759` `#366462` `#48726c` `#5a8077` `#6b8e81` `#7c9b8c` `#8ca797` `#9ab2a0` `#a6bba8` `#afc1ae`
22. [Pastel blue sand diagonal](https://grabient.com/kWq0cj2Bms-USq1RKFP3J0qw?steps=56&angle=45): linear gradient, `#c7845e` `#c98265` `#ca816e` `#ca8079` `#c97f84` `#c67f90` `#c1819d` `#ba83a9` `#b286b3` `#a98abc` `#9e8ec3` `#9493c7` `#8a98c8` `#809dc8` `#79a1c6` `#73a6c2` `#70abbc` `#73b0b4` `#7ab4ac` `#86b6a3` `#94b89c` `#a2b997` `#afb994` `#baba94` `#c3b995` `#c9b997` `#ceb999` `#d0b999` `#d0b897` `#ccb793` `#c6b68d` `#bbb587` `#abb584` `#97b586` `#7fb48e` `#66b29a` `#4eaea8` `#3fa8b4` `#3ca1be` `#429bc5` `#4895c8` `#4b92c9` `#4792c9` `#3e95c6` `#3099c0` `#219eb8` `#20a3ab` `#34a79b` `#50a98a` `#6daa79` `#87a86b` `#9da663` `#afa362` `#bca066` `#c59e6b` `#ca9d71`
23. [Amber coral cyan rings](https://grabient.com/kUxFc0VS09Febq3kra1g?style=radialGradient&steps=40&angle=0): radial gradient, `#e3a857` `#e2a656` `#e0a453` `#dea150` `#db9f4c` `#d89b47` `#d69843` `#d3943f` `#d1913c` `#d08d3a` `#cf883a` `#d0843d` `#d08043` `#d27c4c` `#d37858` `#d27667` `#d07578` `#cc7589` `#c5789a` `#bc7ca9` `#b181b6` `#a486c0` `#978dc6` `#8a93c9` `#7f99c9` `#749ec7` `#6ba3c4` `#64a8bf` `#5fadb9` `#5eb1b1` `#61b6a7` `#6bb99b` `#79bb8e` `#8bbd80` `#9dbc72` `#b0bb66` `#c1b95c` `#d0b656` `#dcb354` `#e6b155`
24. [Coral navy diagonal gradient](https://grabient.com/kWsk0n6onKSSPULiLk7m5ato?steps=48&angle=225): linear gradient, `#d18d5b` `#d0925e` `#d09964` `#d0a26c` `#d0ac77` `#cfb683` `#cfbf91` `#cec79e` `#cdceaa` `#ccd2b5` `#c9d3bc` `#c5d2c0` `#bfcdbf` `#b4c4b9` `#a5b6ae` `#93a5a1` `#809391` `#6c7f81` `#596c71` `#485962` `#394955` `#2f3b4b` `#293043` `#272a3f` `#2b273f` `#352944` `#442e4b` `#593754` `#72425c` `#8d4f61` `#a85f65` `#c06f66` `#d58067` `#e58e66` `#ef9866` `#f49c66` `#f39966` `#ec8f6a` `#e0816f` `#cc7175` `#b3617a` `#95537a` `#754675` `#563b6b` `#3b305d` `#24274e` `#121f40` `#051936`
25. [Peach teal evening gradient](https://grabient.com/kWgVkh6CDAcsjVAqj8Rtxo-I?steps=40&angle=135): linear gradient, `#9c4b1c` `#a35227` `#ac5b35` `#b76746` `#c47457` `#d18268` `#dd8f78` `#e79c85` `#efa78d` `#f3af90` `#f2b58d` `#ebb885` `#dcba7b` `#c5bb75` `#a7ba76` `#84b77f` `#60b08c` `#3ea799` `#279ba2` `#2490a6` `#2c85a5` `#33799f` `#376e95` `#386389` `#37597d` `#355070` `#314764` `#2e415a` `#2c3b53` `#2a384e` `#29364b` `#29364c` `#29384f` `#2a3c54` `#2b405a` `#2c4561` `#2c4a68` `#2c4e6d` `#2c5272` `#2b5475`
26. [Slate mint coral diagonal](https://grabient.com/kaRjbLN6C8lOcPRmEbj55s1F28O3SUj4A?angle=45): linear gradient, `#25214a` `#305282` `#5f9ab9` `#a0c9bc` `#dbbe8b` `#fd824b` `#f93c36`
27. [Peach slate violet gradient](https://grabient.com/kcunsfY7DA2UgQJhhb-2Q0uE0lwJBM8CNzrBg?steps=8): linear gradient, `#fd7f46` `#fc9e65` `#e8ae85` `#bcb1ab` `#939fb6` `#687fc0` `#4e5cb7` `#4f39a2`
28. [Plum orange amber gradient](https://grabient.com/kaWC7XOSLJke2QbTvcC3TzA2UzwTsqEKA): linear gradient, `#403155` `#823d3b` `#bb4f2b` `#e26827` `#f88532` `#fca651` `#f0ca78`
29. [Blue mint orange glow](https://grabient.com/kYaWe3UbE9easu9rojrYqa19bNu6): linear gradient, `#084896` `#108acb` `#25c6e4` `#71e2d1` `#b3d596` `#e6a05a` `#ff591e`
30. [Brown coral slate gradient](https://grabient.com/kcZUEWvzPAc07QDWtMA2aK_9UIvbKjDEPZk_4?steps=8&angle=270): linear gradient, `#6f3227` `#a33c20` `#d05730` `#e2764f` `#d38b72` `#a3908f` `#6f7e90` `#446085`

## Other forms

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