# Yellow and blue gradients

Gradients run from lemon, gold, and olive through aqua and teal to sky blue, cobalt, navy, and near-black blue.

- Page: https://grabient.com/yellow-and-blue-gradients
- Palettes: 27
- Tags: yellow and blue, yellow, blue, gold, teal, navy
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Complementary blue, gray and brown](https://grabient.com/kacHi4SL0-9UvPvdDzv3pmztgtvpKqr7A?style=angularGradient&steps=32): angular gradient, `#044cab` `#0152b1` `#005bb9` `#0065c1` `#006fca` `#0078d2` `#0080d8` `#1387dd` `#248edf` `#3195e0` `#3b9bde` `#46a1da` `#58a6d2` `#6baac9` `#7badc0` `#87afb9` `#8db1b3` `#90b4ac` `#95b6a1` `#9fb592` `#acb283` `#b5ae77` `#baaa6b` `#bca65d` `#bba24d` `#b99e3c` `#b7992d` `#b39121` `#ae8918` `#a78113` `#a17a10` `#9d750d`
2. [Complementary yellow, white and blue](https://grabient.com/kW-GRNfKK__4FwT2FUv2zFGI?steps=32): linear gradient, `#fffe94` `#fffe96` `#fffe9b` `#fffea0` `#fffea4` `#fffea8` `#fffeaa` `#fffead` `#fefeb5` `#feffbd` `#feffc7` `#ffffd2` `#ffffde` `#feffe8` `#feffee` `#fcfff2` `#fafef3` `#f7fdf3` `#f2fdf2` `#eafdf2` `#e0fdf4` `#d5fbf9` `#caf8fe` `#c5f2ff` `#beeaff` `#b2e1ff` `#a6d6ff` `#9ac9ff` `#91bcff` `#8bb0fe` `#88a5fa` `#889cf8`
3. [Vivid yellow, tan, teal and blue](https://grabient.com/kc-WlOd7E-_CtPfmn72z5lM8kmxDJKEITKzAA?style=angularGradient&steps=32&angle=300): angular gradient, `#fcffb1` `#fffe86` `#fffa84` `#fff681` `#fff17f` `#ffeb7c` `#ffe67e` `#ffdf7d` `#ffd97b` `#ffd276` `#ffca7b` `#fec282` `#f8bc88` `#ecb686` `#d6b27c` `#b4ac74` `#8ba578` `#699c81` `#539487` `#418f8c` `#2c8c91` `#0b8b96` `#00889a` `#00869e` `#0085a2` `#0084a7` `#0a84ab` `#1084ae` `#0e86b2` `#0689b6` `#008bb9` `#008dbb`
4. [Yellow, teal and navy](https://grabient.com/kW3XVNWqTBciSRS4lkXq5hAw?steps=32): linear gradient, `#dedc4b` `#d8d84e` `#d1d351` `#c8cc55` `#bfc558` `#b5be5b` `#abb75e` `#a0b061` `#96ab63` `#8da566` `#83a06a` `#7a9b6d` `#72956f` `#6b8f71` `#648a71` `#5f8471` `#597f70` `#527a6f` `#4a756e` `#42706d` `#3a6b6d` `#33676c` `#2c626b` `#275d6a` `#225967` `#1d5464` `#185061` `#124c5d` `#0b485a` `#044456` `#004253` `#003f51`
5. [Complementary navy, gray and beige](https://grabient.com/kWO327QKC_98IuzxDDTdxG94?steps=32): linear gradient, `#001354` `#001662` `#011975` `#0c287b` `#1b3582` `#294389` `#36508f` `#425c95` `#4c679a` `#56729f` `#617da3` `#6c88a7` `#7892aa` `#839cae` `#8fa5b2` `#99adb6` `#a2b5ba` `#aabcbf` `#b1c4c3` `#b7cac6` `#bdd1c7` `#c4d6c8` `#cbdbc8` `#d2dec8` `#d8e2c9` `#dde4ca` `#e1e7ca` `#e4e9ca` `#e6eaca` `#e8ecca` `#e9edc9` `#eaeec9`
6. [Orange, yellow, green and blue](https://grabient.com/kYwGA26zbCPE5wbvM0GZp1CloVSg?steps=32&angle=45): linear gradient, `#dfa341` `#e1a741` `#e3ad40` `#e5b440` `#e7bb41` `#e9c342` `#e9c944` `#e9ce47` `#e9d349` `#e8d84c` `#e7dc4f` `#e5e053` `#e2e357` `#dee55c` `#dae661` `#d6e765` `#d1e76a` `#cce76f` `#c6e675` `#bfe57c` `#bae283` `#b6de8a` `#b2da90` `#add697` `#a6d29d` `#9dcea3` `#91c9aa` `#85c3b2` `#7dbcb9` `#7ab4be` `#7badc0` `#7da8bf`
7. [Gold yellow and blue palette](https://grabient.com/kc80pHcjo_2eyQnQIU1PbVCS4sQKiIb_mplAg?style=radialGradient&steps=32&angle=180): radial gradient, `#fff3aa` `#fff09b` `#ffeb87` `#ffe56b` `#fbe054` `#f4dc49` `#edd847` `#e2d44d` `#d0d256` `#b2cf65` `#80ca83` `#4dbea3` `#3eabb5` `#4997b8` `#4988b5` `#3d7cb4` `#2b71b4` `#1366b2` `#075cac` `#0b52a2` `#0f4996` `#104289` `#103b7d` `#0e3573` `#0a2f69` `#072a5f` `#062656` `#06214e` `#061d47` `#071a40` `#08173b` `#081537`
8. [Yellow and Blue: Gold and violet](https://grabient.com/kY6WZIaK--kkws29QDerbg_h8nP8?style=radialGradient&steps=32): radial gradient, `#f8e770` `#f5e46e` `#f1e16d` `#ecdd6b` `#e8d767` `#e5cf61` `#e6c458` `#e8b350` `#e99e4f` `#e48759` `#d87269` `#c76279` `#b55887` `#a45193` `#944ea0` `#844dac` `#734db7` `#614dbe` `#4e4dc0` `#3d4cbd` `#3148b7` `#2a43af` `#273da6` `#27379c` `#253193` `#222d8a` `#1e2880` `#1a2475` `#16206a` `#131c60` `#101958` `#0f1752`
9. [Mustard yellow and blue palette](https://grabient.com/ka2i6016xAUC-QGvtkAyp65Ge8NbzwT6A?steps=32&angle=135): linear gradient, `#b4d3fa` `#aaccf7` `#9cc3f4` `#8bb7f0` `#7baaeb` `#6b9ee6` `#5d93e1` `#4e87dc` `#407ad6` `#346ed0` `#2a62c8` `#2357be` `#224bb2` `#213fa4` `#1f3798` `#193690` `#0a3c8d` `#004b89` `#005c8b` `#0b6e8f` `#278092` `#349095` `#3aa294` `#4db38a` `#71c274` `#9bcc58` `#bdd13f` `#d3d630` `#e0db2e` `#e7e033` `#ebe539` `#f0e83c`
10. [Yellow yellow and blue palette](https://grabient.com/kc821L9D2_-4-QFgpkTX6LK9cuwXMsUBxbRAI?steps=32&angle=135): linear gradient, `#fef776` `#fcf570` `#faf266` `#f6ee5b` `#f3ea51` `#f0e748` `#efe43e` `#ece035` `#e6dd33` `#d9db3e` `#c6d751` `#b0d165` `#99ca78` `#84c589` `#6fc39e` `#5fc2b8` `#60bfd1` `#6fbae1` `#7ab4e7` `#7baee9` `#75a8ea` `#6ba2ea` `#639ce8` `#5f96e5` `#5b8fdf` `#5689d9` `#5283d3` `#4e7dcf` `#4a78cb` `#4773c8` `#4470c5` `#416dc3`
11. [Blue yellow and blue palette](https://grabient.com/kSSkK7eLktOSlzw?steps=48&angle=180): linear gradient, `#122858` `#0f2e5d` `#083463` `#003c69` `#00456b` `#004f6f` `#005974` `#006479` `#006f7d` `#007c82` `#008885` `#009687` `#00a385` `#29b081` `#4dba7c` `#6ac377` `#84cc72` `#9dd46d` `#b3da68` `#c7e066` `#d9e564` `#e8ea65` `#f4ee66` `#fcf268` `#fff57d` `#fff78e` `#fffa87` `#fcfd78` `#f5ff81` `#edff9b` `#e3ffa6` `#d9ffac` `#cbffaf` `#bbffb2` `#a6ffb6` `#91febe` `#81fac8` `#73f6d1` `#68f2d9` `#60ece0` `#5ce7e6` `#5be1eb` `#5ddbee` `#61d6f0` `#65d1f1` `#6acdf2` `#6ec9f2` `#71c7f2`
12. [Yellow and Blue: Ochre and pale aqua](https://grabient.com/kSymw__AbMLw8yC?steps=32&angle=135): linear gradient, `#e2b631` `#debc3f` `#dac34f` `#d6cb61` `#d2d375` `#cedc89` `#cce49e` `#ccebb1` `#cef1c4` `#d2f7d4` `#d8fbe2` `#defded` `#e5fff5` `#ebfff9` `#ecfffb` `#ecfdfb` `#e8f9f9` `#dff4f5` `#d3edf1` `#c4e4ec` `#b2dbe6` `#9fcfe1` `#8bc3dd` `#77b6d8` `#64a8d3` `#529acf` `#428cca` `#347fc6` `#2b72c2` `#2566be` `#235cba` `#2453b7`
13. [Yellow and Blue: Pale aqua and ochre](https://grabient.com/kS-A2JZTYzrw81G?steps=48&angle=180): linear gradient, `#eafbfa` `#e7fbf9` `#e3faf7` `#dffaf4` `#daf9f1` `#d6f8ec` `#d2f8e7` `#cff6e0` `#ccf5d8` `#cbf3cf` `#cbf1c5` `#cceebb` `#cfebaf` `#d2e7a3` `#d6e397` `#dade8c` `#ded980` `#e2d375` `#e5ce6a` `#e8c960` `#e9c456` `#e9bf4c` `#e8bb41` `#e5b837` `#e0b52b` `#d9b31e` `#cfb10d` `#c4b100` `#b5b000` `#a4b009` `#91af1e` `#79af31` `#5dae42` `#37ac53` `#00a866` `#00a077` `#009981` `#009288` `#008c8d` `#008591` `#007f94` `#007998` `#00739c` `#006da1` `#0067a8` `#0060b2` `#1059b9` `#2354b7`
14. [Yellow and Blue: Olive and lime](https://grabient.com/kUi0pM9yA-OYpS6lIUhg?steps=48&angle=135): linear gradient, `#777523` `#7c7928` `#837e2f` `#8c8437` `#968c3f` `#a09449` `#ac9c53` `#b8a65e` `#c3af69` `#cfb873` `#dac27e` `#e4cb88` `#edd391` `#f5db99` `#fae19f` `#fee7a4` `#ffeba7` `#fdeea9` `#faf1aa` `#f5f3ab` `#eef5ac` `#e5f7ad` `#daf7b0` `#cef7b3` `#c0f7b6` `#b1f5bb` `#a1f3bf` `#91efc4` `#81ebc9` `#72e5cd` `#64dfd0` `#58d8d1` `#4dd0d1` `#42c7cf` `#38bccc` `#30b0c6` `#29a3bf` `#2395b7` `#1f87ad` `#1d79a3` `#1b6c98` `#1a5f8d` `#185382` `#174878` `#163e6e` `#153565` `#142e5e` `#132858`
15. [Yellow and Blue: Navy and emerald](https://grabient.com/kUNCe45KW8uU2Lx4uUGg?steps=32&angle=45): linear gradient, `#07162f` `#0d1f3a` `#172b49` `#243b5c` `#324d71` `#416189` `#5176a2` `#5f8bba` `#6aa0d0` `#71b3e2` `#72c2ef` `#6ccff4` `#61d8f1` `#57dee4` `#57e1cf` `#68e0b4` `#82da94` `#9dd275` `#b6c958` `#cac042` `#dab934` `#e6b631` `#efb733` `#f6ba37` `#fbc03c` `#fec741` `#ffd04e` `#ffd959` `#ffe160` `#ffe963` `#ffef66` `#fff36f`
16. [Gold Cyan Cyan Halo](https://grabient.com/kYxm5FIhjRr6jruqIFE2rIsnAXUc?style=radialGradient&steps=32&angle=0): radial gradient, `#d3b626` `#a0ae37` `#529c55` `#007b69` `#005661` `#003a53` `#022947` `#002840` `#00313d` `#00423d` `#1e5430` `#4e5e1d` `#686210` `#676411` `#496322` `#065d3c` `#004d4d` `#003f53` `#00375d` `#003a63` `#004b62` `#006261` `#177e4a` `#788b1d` `#b29201` `#cc9d26` `#c9b144` `#b0c870` `#8fd9a7` `#87e0d7` `#9cdff3` `#b1dffd`
17. [Near-Black Yellow Near-Black Halo](https://grabient.com/kWMBtAqJ_SzeerZZLs-CwawI?style=radialGradient&steps=32&angle=0): radial gradient, `#1a1301` `#191700` `#121d04` `#012411` `#002824` `#002c33` `#002f43` `#003255` `#04355e` `#003b5b` `#004251` `#004846` `#004e34` `#304e1d` `#4b4d0d` `#5b4e0a` `#645510` `#68641b` `#617934` `#4a915b` `#11a58a` `#00afb5` `#00b3d4` `#21afde` `#15a6ce` `#0093a8` `#007979` `#0c5b49` `#1b3b21` `#171f07` `#0b0a01` `#030200`
18. [Gold olive teal diagonal](https://grabient.com/kScHi4SqqrPyjww?steps=32&angle=45): linear gradient, `#044cab` `#00559b` `#005a8d` `#005f82` `#00637a` `#006772` `#006a6a` `#006e60` `#007353` `#00783a` `#3b7721` `#597501` `#6e7300` `#7f7200` `#8c7200` `#997300` `#a27717` `#aa7b26` `#b38232` `#bb8a3d` `#c39348` `#ca9e52` `#d1a85c` `#d8b467` `#debf71` `#e4cb7c` `#e9d686` `#eee091` `#f2ea9b` `#f6f2a4` `#f9faab` `#fcffb2`
19. [Teal cobalt aqua diagonal](https://grabient.com/kW-UdOMxdNOItNtOMM1mhO_4?steps=48&angle=135): linear gradient, `#fcffb1` `#eaf7ac` `#d2eba6` `#b5dca1` `#97ca9b` `#79b694` `#5ea28d` `#478d84` `#367a7b` `#296971` `#205c69` `#1a5363` `#164f60` `#125161` `#0e5766` `#0a606b` `#0b6d71` `#167c77` `#288c7b` `#3d9b7d` `#54a97e` `#68b67e` `#78c07f` `#80c780` `#7fcb84` `#75ce8c` `#63d097` `#47d0a4` `#18cdb4` `#00c6c2` `#00becd` `#00b4d7` `#00aae0` `#309de1` `#4591dd` `#4f86d6` `#527ccc` `#5072bf` `#4b67b0` `#435c9f` `#3a518e` `#30467c` `#273c6b` `#1e325b` `#16294d` `#0f2241` `#0a1b37` `#07172f`
20. [Cream yellow teal diagonal](https://grabient.com/kSO1e7cTqsnPBQM?steps=64&angle=225): linear gradient, `#001354` `#001b4f` `#00214e` `#00274e` `#002c50` `#003253` `#003856` `#003f5a` `#00465d` `#004d62` `#005566` `#005d6a` `#00656e` `#006e71` `#007774` `#008076` `#008a77` `#009377` `#009d74` `#0ba76d` `#39ae69` `#54b564` `#6bba5f` `#7fc05a` `#92c555` `#a3c951` `#b3cd4d` `#c2d14b` `#d0d449` `#ddd648` `#e8d948` `#f1db48` `#f9dd49` `#ffde52` `#ffe175` `#ffe38a` `#ffe599` `#ffe7a4` `#ffe8ab` `#ffe9b1` `#ffeab5` `#ffebb7` `#ffebb8` `#ffebb8` `#ffebb7` `#ffebb4` `#ffebb1` `#ffebac` `#ffeaa6` `#ffea9e` `#ffe995` `#ffe98b` `#ffe97d` `#ffe86d` `#ffe858` `#ffe73d` `#fce73d` `#f9e73c` `#f7e73c` `#f5e73c` `#f3e73b` `#f2e83b` `#f1e83b` `#f0e83b`
21. [Cobalt teal yellow diagonal](https://grabient.com/kWiVuyebauzw80njNyxfgXDA?steps=40&angle=45): linear gradient, `#2b72b4` `#0e7fba` `#0092b8` `#00a7b7` `#00bfb3` `#4ed5a4` `#8ce493` `#bfee84` `#e5f47c` `#fbf678` `#fef675` `#e9f473` `#beee78` `#7be48b` `#00d1a4` `#00b3b2` `#0097b4` `#007eb4` `#0067bc` `#2057ba` `#1b54b6` `#005daa` `#006a99` `#007890` `#008889` `#00997b` `#2cab53` `#81b02d` `#b1b20c` `#cfb51e` `#dfba3b` `#e8c256` `#eccb6f` `#edd687` `#ede09f` `#ede9b5` `#eef1ca` `#f2f7db` `#f6fbe9` `#fafef3`
22. [Sky blue teal gold rings](https://grabient.com/kUv0SW5KXCVg7s_ltrrg?style=radialGradient&steps=64&angle=0): radial gradient, `#5fbfd1` `#5fbfd2` `#60bfd3` `#61c0d5` `#63c0d7` `#64c0d9` `#66c1dc` `#69c1de` `#6bc2e0` `#6dc2e3` `#70c3e5` `#72c3e8` `#74c3ea` `#76c4ec` `#78c4ed` `#79c5ef` `#79c5f0` `#79c5f1` `#78c6f2` `#77c6f2` `#74c7f2` `#71c7f2` `#6cc7f1` `#65c7ee` `#5dc8ec` `#53c8e8` `#48c8e3` `#3ac8dd` `#2ac7d6` `#14c7ce` `#00c6c4` `#00c5ba` `#00c4af` `#00c2a4` `#00c197` `#1bbf8a` `#30bd7d` `#40bb70` `#4eb863` `#5bb656` `#66b34a` `#70b13d` `#79af32` `#81ae26` `#89ad19` `#90ac06` `#97ab00` `#9eab00` `#a4ab00` `#aaab00` `#b0ac00` `#b6ac00` `#bbad00` `#c0ae00` `#c5af00` `#cab000` `#cfb106` `#d3b212` `#d7b31b` `#dbb421` `#deb526` `#e1b62b` `#e3b62e` `#e6b730`
23. [Lemon navy eclipse glow](https://grabient.com/kY9g2MRSZEQsGr2rl89aDyzWevw8?style=radialGradient&steps=40&angle=0): radial gradient, `#e8f9f9` `#d6eff1` `#bfe3e8` `#a3d3e0` `#87c1d8` `#6cadce` `#5299c2` `#3786b3` `#10769e` `#00657b` `#005155` `#003d32` `#072a12` `#0e1702` `#090900` `#040300` `#030200` `#030200` `#030501` `#030b03` `#01160f` `#002120` `#002d35` `#003a4a` `#00485c` `#005b6b` `#007278` `#008c7e` `#1fa777` `#63ba65` `#95c750` `#b7d041` `#c6d640` `#c8db49` `#c0de58` `#b2df68` `#a1df78` `#92dd85` `#86db8f` `#80da95`
24. [Navy teal olive diagonal](https://grabient.com/kSeHi6qZk8tguLy?steps=48&angle=45): linear gradient, `#2354b7` `#2153b4` `#1f52b1` `#1e51ad` `#1c50a8` `#1b4ea3` `#1a4c9e` `#194a98` `#184892` `#16468d` `#154387` `#144181` `#133f7b` `#113d75` `#103c70` `#0e3a6a` `#0d3966` `#0b3761` `#0a375d` `#08365a` `#073657` `#053655` `#033754` `#013953` `#003a52` `#003d52` `#004052` `#004453` `#004854` `#004d55` `#005356` `#005957` `#005f58` `#006658` `#116c56` `#227254` `#317851` `#407d4e` `#4e824a` `#5d8745` `#6b8b40` `#798e3b` `#869137` `#929433` `#9d9630` `#a7982e` `#b0992d` `#b79a2d`
25. [Periwinkle yellow lime glow](https://grabient.com/kc1ZZX8sy_XhOP76S7-eES__QbwHuj1J5K3Ao?steps=8&angle=0): linear gradient, `#b1de00` `#d4ef00` `#e8fd03` `#f5ff22` `#f0f947` `#dfeab0` `#cbd3f0` `#acb4ff`
26. [Complementary dark green to blue](https://grabient.com/kaTS9OJ5lAiiYP2rDM_srxCbtUv7AYz_g?steps=10&angle=135): linear gradient, `#313101` `#303301` `#343300` `#343504` `#1e3a3d` `#283b60` `#203a9e` `#1e3dc8` `#1542e7` `#1642fc`
27. [Blue lime luminous horizon](https://grabient.com/kcVEm1w0XAFGvPfdMDTa089nXOP15wr-exjBQ?steps=8&angle=180): linear gradient, `#083568` `#0067d1` `#2c96d2` `#6fbe73` `#abe200` `#d5fa1d` `#eaff6f` `#e7fece`

## Other forms

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