# Blue and yellow swatches

Navy, cobalt and powder blue bands lead into butter, mustard and lemon yellow across soft, golden and saturated sets.

- Page: https://grabient.com/blue-and-yellow-swatches
- Palettes: 21
- Tags: blue, yellow, swatches, navy, lemon, clear
- Collected by: Grabient
- Updated: 2026-10-03

## Palettes

1. [Blue and Yellow: Navy and ochre](https://grabient.com/kWTF6626u9XEzL5gvb8SKu-o?style=linearSwatches&steps=5): linear swatches, `#04266d` `#56aee8` `#eede66` `#d1ae00` `#987000`
2. [Blue and Yellow: Indigo and teal](https://grabient.com/kUf7W84Lo9nA6LtXvb6A?style=linearSwatches&steps=4): linear swatches, `#1b49ee` `#61b9ff` `#f1da49` `#bf9500`
3. [Sky blue blue and yellow palette](https://grabient.com/kWxjq18pI9neksJuq775aS-w?style=linearSwatches&steps=5&angle=135): linear swatches, `#95baea` `#c0e5fb` `#f5f0a0` `#ebd574` `#d9ba6f`
4. [Teal and yellow color palette](https://grabient.com/kUk5Gnap1C9u6Kv1L0MA?style=angularSwatches&steps=4&angle=225): angular swatches, `#0084b7` `#accbff` `#d29a00` `#ebec82`
5. [Navy and bronze blue and yellow](https://grabient.com/kYOEm8vVq_20ZvR3nS_7T2_EIoPk?style=linearSwatches&steps=6): linear swatches, `#041348` `#0b43e7` `#a7d7fa` `#f3efb1` `#f0cf26` `#866200`
6. [Near-black, deep teal and bronze color palette](https://grabient.com/kUGRK3nRm_7agqvJq8Dg?style=angularSwatches&steps=4&angle=120): angular swatches, `#01030a` `#051b3d` `#684900` `#967500`
7. [Navy and ochre color palette](https://grabient.com/kWKSi-qKS982kq7ftsE85ZAg?style=linearSwatches&steps=5): linear swatches, `#050b25` `#003360` `#a37c35` `#d3a914` `#ede2b4`
8. [Near-black, navy and gold color palette](https://grabient.com/kSIR3ErxQ-uqkq6?style=angularSwatches&steps=3&angle=30): angular swatches, `#040517` `#323f5d` `#dfca7c`
9. [Blue and ochre color palette](https://grabient.com/kWOzG4rSU_8OjvxpL61068-g?style=linearSwatches&steps=5&angle=180): linear swatches, `#081c3d` `#183a70` `#3f6fa3` `#e0c659` `#b78916`
10. [Ochre blue and yellow palette](https://grabient.com/kWZne7xsC_t2nv30ta2aj0_Q?style=linearSwatches&steps=5&angle=135): linear swatches, `#163d9f` `#336cd9` `#7dacee` `#f7e768` `#e8c818`
11. [Ink primrose swatches](https://grabient.com/kUNC29L6Y__UzrL7lz-g?style=radialSwatches&steps=4&angle=0): radial swatches, `#091533` `#263d78` `#f6e971` `#fff8c7`
12. [Sky wheat swatches](https://grabient.com/kU3B-m1R5Aesqrl5GUBg?style=linearSwatches&steps=4&angle=180): linear swatches, `#b9d8eb` `#639cc2` `#eac86d` `#ffefbb`
13. [Periwinkle maize swatches](https://grabient.com/kUuDm9QSG_-u1KzEJj8A?style=radialSwatches&steps=4&angle=0): radial swatches, `#8fa5d8` `#4d659c` `#f1c84b` `#8b6710`
14. [Marine buttercup swatches](https://grabient.com/kUWUOxySY9Gs6r_4pMDg?style=angularSwatches&steps=4&angle=225): angular swatches, `#073c68` `#1485a7` `#f4c52e` `#fff0a1`
15. [Indigo gray yellow bands](https://grabient.com/kYP0rIrgw-8eCLlgHj08Dg_3S8P8?style=linearSwatches&steps=13): linear swatches, `#1d154f` `#27224d` `#34344d` `#404b54` `#5e6261` `#797b75` `#97957a` `#b5ae75` `#d1c16b` `#e6d25a` `#f5de4d` `#fce34c` `#ffe54f`
16. [Blue cyan cream bands](https://grabient.com/kanHa13rO--wkvR3oLy-hTAPuSuR8KDwg?style=linearSwatches&steps=13): linear swatches, `#3684e3` `#4699f2` `#5ab3ff` `#6bc9ff` `#7eddfd` `#8ef1fe` `#a1fffe` `#c1feff` `#c7feff` `#d7fff0` `#e5ffde` `#f0ffc6` `#fffda4`
17. [Indigo lemon teal bands](https://grabient.com/kcVWvCpMA_bsJSfmpsy967A-UwwE6i0tJURIQ?style=linearSwatches&steps=21): linear swatches, `#232680` `#141e81` `#000f81` `#170d7f` `#3d246b` `#583f56` `#6e5c60` `#9f7d6d` `#c7aa69` `#d1d177` `#e1e886` `#eff28b` `#eff084` `#e7e06a` `#cbcb57` `#8cb369` `#5b8977` `#486164` `#1e4b63` `#072f79` `#26007f`
18. [Navy, teal and plum steel pan poster](https://grabient.com/kUVUu2zLU-mm6rk0rjJA?style=angularSwatches&steps=4&angle=225): angular swatches, `#0b356a` `#1487d1` `#e7c62a` `#762960`
19. [Crimson, sky blue and orange summer palette](https://grabient.com/kWrGQPVCCzG6Mt1suTSYLS7Q?style=radialSwatches&steps=5&angle=0): radial swatches, `#df7172` `#7f8fca` `#bbdcdd` `#e2d345` `#f09b40`
20. [Primary Colors: Coral and gold](https://grabient.com/kWsY8L7ztIve4QXauNFR0nBo?style=angularSwatches&steps=5&angle=45): angular swatches, `#ff5e73` `#ffd03b` `#fff069` `#4aa7ff` `#3668e9`
21. [Crimson and teal triadic palette](https://grabient.com/kUk5ESaDpIL_I0twFk6g?style=linearSwatches&steps=4&angle=180): linear swatches, `#d73336` `#e4c126` `#0061bd` `#fec9c8`

## Other forms

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