# Yellow gradients

Pale cream and lemon yellow shift through gold, yellow-green, olive, amber, brown, and near-black stops.

- Page: https://grabient.com/yellow-gradients
- Palettes: 11
- Tags: yellow gradients, yellow, gold, yellow-green, olive, amber, brown
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Analogous beige to green](https://grabient.com/kS7CBIbKnBuM9wK?steps=32&angle=45): linear gradient, `#ede9c8` `#ede8c5` `#ebe8c2` `#eae7be` `#e9e6ba` `#e7e5b5` `#e5e3b0` `#e3e2ab` `#e0e1a6` `#dee0a0` `#dbdf9b` `#d8de96` `#d5dc90` `#d2db8b` `#cfda86` `#ccd982` `#cad87d` `#c7d779` `#c4d674` `#c1d56f` `#bfd36a` `#bcd265` `#b9d160` `#b6d05b` `#b3ce56` `#b1cd51` `#aecc4c` `#accb47` `#aaca43` `#a8c93e` `#a6c83a` `#a5c837`
2. [Vivid beige, yellow and orange](https://grabient.com/kS70NDb7G--i4vq?style=radialGradient&steps=32&angle=315): radial gradient, `#ffeba5` `#ffeaa3` `#ffe9a0` `#ffe89c` `#ffe698` `#ffe594` `#ffe390` `#ffe18b` `#ffdf86` `#ffdd81` `#ffdb7c` `#ffd977` `#ffd772` `#ffd56e` `#ffd369` `#ffd165` `#ffcf62` `#ffcd5e` `#ffcb5b` `#ffc958` `#ffc755` `#ffc551` `#ffc34e` `#ffc14b` `#ffbf49` `#ffbd46` `#ffbc43` `#ffba41` `#ffb83f` `#ffb73d` `#ffb63b` `#ffb539`
3. [Vivid monochrome olive to yellow](https://grabient.com/kUdERJTaxA2E0QFyukAA?steps=32&angle=135): linear gradient, `#615905` `#645b06` `#665f08` `#6a630a` `#6e670d` `#726c10` `#767213` `#7a7716` `#7e7d19` `#83821d` `#878720` `#8b8c23` `#8f9126` `#939629` `#979b2c` `#9ba030` `#9fa533` `#a3aa36` `#a8af39` `#acb33d` `#b0b840` `#b4bd43` `#b9c246` `#bdc74a` `#c2cc4d` `#c7d251` `#cbd754` `#d0dc58` `#d4e05b` `#d7e45d` `#dae760` `#ddea62`
4. [Vivid green, olive and brown](https://grabient.com/kUoHBXV7c-lQxPXKrL5A?style=angularGradient&steps=32&angle=210): angular gradient, `#799700` `#7c9700` `#7f9900` `#829a00` `#869c00` `#8b9e00` `#8f9f00` `#93a100` `#98a200` `#9ca300` `#9fa300` `#a2a200` `#a5a100` `#a89f00` `#ab9e00` `#ad9c00` `#af9900` `#b09700` `#b29400` `#b39200` `#b38f00` `#b38d01` `#b38a02` `#b28703` `#b08303` `#af8003` `#ad7d03` `#ab7a02` `#a97702` `#a87402` `#a67202` `#a57002`
5. [Gold and bronze yellow palette](https://grabient.com/kS7F5HW7o8aYdPO?style=angularGradient&steps=40&angle=225): angular gradient, `#fcea7f` `#fbe77b` `#fbe577` `#fbe273` `#fadf6e` `#fadb68` `#fad762` `#fad35c` `#f9cf55` `#f9ca4d` `#f8c546` `#f8c03e` `#f7bb36` `#f5b62d` `#f4b024` `#f2aa19` `#efa40d` `#ec9f00` `#e89900` `#e49300` `#df8e00` `#d98700` `#d28100` `#cb7a00` `#c37200` `#bb6b00` `#b36400` `#aa5c00` `#a15500` `#974e00` `#8e4702` `#844104` `#7b3b05` `#733505` `#6b3006` `#632b06` `#5c2705` `#562305` `#512005` `#4d1d04`
6. [Near-black and ochre yellow palette](https://grabient.com/kSLgZHcra_5wDv-?style=radialGradient&steps=48): radial gradient, `#13120e` `#171610` `#1d1b12` `#232116` `#2c2919` `#35311d` `#3f3b21` `#4a4525` `#565029` `#635b2e` `#706732` `#7d7337` `#8b803c` `#998c40` `#a69844` `#b4a449` `#c0af4c` `#ccba50` `#d7c453` `#e0cc56` `#e8d459` `#efd95b` `#f3de5c` `#f6e05d` `#f6e05e` `#f4de5d` `#f0db5c` `#ead65b` `#e3cf59` `#dac757` `#d0be54` `#c5b451` `#b9a94d` `#ac9e49` `#9f9246` `#928641` `#857a3d` `#776e39` `#6b6335` `#5e5830` `#534d2c` `#484328` `#3e3a24` `#343221` `#2c2a1d` `#26241a` `#201f18` `#1c1b16`
7. [Near-black and tan color palette](https://grabient.com/kYHA22HoXAi8DrDCmj7XCzAHCswO?steps=32): linear gradient, `#02050a` `#03060d` `#060a11` `#0b0e16` `#11131b` `#161920` `#1b1e26` `#1e242a` `#222a2c` `#282f2e` `#303331` `#373835` `#3e3e39` `#46433c` `#50483d` `#594e3c` `#63543b` `#6d5b39` `#776237` `#826a37` `#8e7237` `#9b7b37` `#a88538` `#b48e39` `#c0983c` `#caa240` `#d4ac47` `#dcb651` `#e4c15c` `#eaca66` `#efd26f` `#f4d876`
8. [Gray, bronze and ochre color palette](https://grabient.com/kYdgmSOIoxD6ePpKqkAV7HA2I1QU?steps=32): linear gradient, `#525b5d` `#505b5a` `#505a56` `#505850` `#53564b` `#575446` `#5b5343` `#605241` `#66523d` `#6c5239` `#725334` `#77552e` `#7d5729` `#845926` `#8a5b24` `#915f23` `#976322` `#9e6721` `#a46b20` `#ab701f` `#b1741e` `#b7791d` `#bc7f1d` `#c2841d` `#c78a1e` `#cb8f1e` `#cf941f` `#d39a21` `#d6a024` `#d8a627` `#daab29` `#dbae2b`
9. [Deep yellowgreen dusk gradient](https://grabient.com/kW8UVL7UDAsyswExGMAFYVAY?style=radialGradient&steps=40&angle=0): radial gradient, `#f6f3a8` `#f4f2a1` `#f3f099` `#f1ef8f` `#eeee83` `#ebec75` `#e7ea67` `#e3e758` `#dee349` `#d8df3b` `#d1da2f` `#cad326` `#c1cc20` `#b8c31e` `#afba1e` `#a5b120` `#9ca822` `#939e23` `#8a9524` `#828d24` `#7a8523` `#747e22` `#6d7721` `#677021` `#606a20` `#5a631f` `#555d1e` `#4f561d` `#49501c` `#434a1b` `#3d441a` `#373d18` `#303616` `#2a2f14` `#242812` `#1e2210` `#191c0e` `#15170c` `#11130b` `#0e100a`
10. [Olive lemon field](https://grabient.com/kUnThSYjI_2pAv5VtD9g?style=radialGradient&steps=32&angle=0): radial gradient, `#848b54` `#868e54` `#8a9254` `#8e9754` `#939d54` `#99a254` `#9ea853` `#a4ae52` `#a9b451` `#aeb94f` `#b2bd4d` `#b6c14b` `#bac449` `#bec845` `#c1cb42` `#c5ce3e` `#c8d039` `#cbd234` `#cdd42e` `#ced429` `#cfd322` `#ced21d` `#ccce17` `#c8ca11` `#c4c40d` `#bfbd09` `#b9b607` `#b3af06` `#ada905` `#a8a305` `#a49e05` `#a19b05`
11. [Electric yellow green wash](https://grabient.com/kWpHtb4kC-mxDvzvRL-6sNAI?steps=5&angle=225): linear gradient, `#6ea004` `#aec202` `#d5d804` `#e1de03` `#d1d400`

## Other forms

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