# Yellow gradients

79 named yellow gradients from the two open corpora we bundle (uiGradients and WebGradients, both MIT) — lemon into gold, mustard into cream — the lightest hue on the wheel, which is why yellow gradients need a black-ink verdict, not a white one. Each has its own page with the CSS and Tailwind v4 to copy, a worst-case contrast verdict for white and black text, and an "open in the maker" link that carries the whole gradient in the URL.

- Page: https://brandsweets.com/gradients/yellow
- Count: 79

## Gradients

### Blessing

- Slug: `blessing` · Page: https://brandsweets.com/gradients/blessing
- Stops: #fddb92, #d1fdff · angle 0° · source webgradients
- Families: yellow, teal · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #fddb92 0%, #d1fdff 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#fddb92] to-[#d1fdff]`
- Contrast (worst point): white 1.09:1 fail · black 15.72:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fddb92-d1fdff?a=0
- Colors: https://brandsweets.com/colors/fddb92, https://brandsweets.com/colors/d1fdff

### Sand Strike

- Slug: `sand-strike` · Page: https://brandsweets.com/gradients/sand-strike
- Stops: #c1c161, #d4d4b1 · angle 0° · source webgradients
- Families: yellow · Moods: warm, muted, light, pastel, monochrome, calm
- CSS: `linear-gradient(0deg in oklab, #c1c161 0%, #d4d4b1 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#c1c161] to-[#d4d4b1]`
- Contrast (worst point): white 1.52:1 fail · black 11.07:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c1c161-d4d4b1?a=0
- Colors: https://brandsweets.com/colors/c1c161, https://brandsweets.com/colors/d4d4b1

### Summer Breeze

- Slug: `summer-breeze` · Page: https://brandsweets.com/gradients/summer-breeze
- Stops: #fbed96, #abecd6 · angle 90° · source uigradients
- Families: yellow, teal · Moods: light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #fbed96 0%, #abecd6 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#fbed96] to-[#abecd6]`
- Contrast (worst point): white 1.19:1 fail · black 15.70:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fbed96-abecd6?a=90
- Colors: https://brandsweets.com/colors/fbed96, https://brandsweets.com/colors/abecd6

### Ver

- Slug: `ver` · Page: https://brandsweets.com/gradients/ver
- Stops: #ffe000, #799f0c · angle 90° · source uigradients
- Families: yellow, green · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #ffe000 0%, #799f0c 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ffe000] to-[#799f0c]`
- Contrast (worst point): white 1.32:1 fail · black 6.78:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ffe000-799f0c?a=90
- Colors: https://brandsweets.com/colors/ffe000, https://brandsweets.com/colors/799f0c

### Mango

- Slug: `mango` · Page: https://brandsweets.com/gradients/mango
- Stops: #ffe259, #ffa751 · angle 90° · source uigradients
- Families: yellow, orange · Moods: warm, light, sunset
- CSS: `linear-gradient(90deg in oklab, #ffe259 0%, #ffa751 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ffe259] to-[#ffa751]`
- Contrast (worst point): white 1.29:1 fail · black 10.90:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ffe259-ffa751?a=90
- Colors: https://brandsweets.com/colors/ffe259, https://brandsweets.com/colors/ffa751

### Sunny Days

- Slug: `sunny-days` · Page: https://brandsweets.com/gradients/sunny-days
- Stops: #ede574, #e1f5c4 · angle 90° · source uigradients
- Families: yellow, green · Moods: light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #ede574 0%, #e1f5c4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ede574] to-[#e1f5c4]`
- Contrast (worst point): white 1.16:1 fail · black 16.06:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ede574-e1f5c4?a=90
- Colors: https://brandsweets.com/colors/ede574, https://brandsweets.com/colors/e1f5c4

### Vasily

- Slug: `vasily` · Page: https://brandsweets.com/gradients/vasily
- Stops: #e9d362, #333333 · angle 90° · source uigradients
- Families: yellow · Moods: warm
- CSS: `linear-gradient(90deg in oklab, #e9d362 0%, #333333 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#e9d362] to-[#333333]`
- Contrast (worst point): white 1.50:1 fail · black 1.66:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.e9d362-333333?a=90
- Colors: https://brandsweets.com/colors/e9d362, https://brandsweets.com/colors/333333

### Petrichor

- Slug: `petrichor` · Page: https://brandsweets.com/gradients/petrichor
- Stops: #666600, #999966 · angle 90° · source uigradients
- Families: yellow · Moods: warm, muted, monochrome
- CSS: `linear-gradient(90deg in oklab, #666600 0%, #999966 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#666600] to-[#999966]`
- Contrast (worst point): white 2.96:1 fail · black 3.47:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.666600-999966?a=90
- Colors: https://brandsweets.com/colors/666600, https://brandsweets.com/colors/999966

### Sirius Tamed

- Slug: `sirius-tamed` · Page: https://brandsweets.com/gradients/sirius-tamed
- Stops: #efefbb, #d4d3dd · angle 90° · source uigradients
- Families: yellow · Moods: warm, muted, light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #efefbb 0%, #d4d3dd 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#efefbb] to-[#d4d3dd]`
- Contrast (worst point): white 1.18:1 fail · black 14.16:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.efefbb-d4d3dd?a=90
- Colors: https://brandsweets.com/colors/efefbb, https://brandsweets.com/colors/d4d3dd

### Autumn

- Slug: `autumn` · Page: https://brandsweets.com/gradients/autumn
- Stops: #dad299, #b0dab9 · angle 90° · source uigradients
- Families: yellow, green · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #dad299 0%, #b0dab9 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#dad299] to-[#b0dab9]`
- Contrast (worst point): white 1.53:1 fail · black 13.54:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.dad299-b0dab9?a=90
- Colors: https://brandsweets.com/colors/dad299, https://brandsweets.com/colors/b0dab9

### Martini

- Slug: `martini` · Page: https://brandsweets.com/gradients/martini
- Stops: #fdfc47, #24fe41 · angle 90° · source uigradients
- Families: yellow, green · Moods: vivid, light
- CSS: `linear-gradient(90deg in oklab, #fdfc47 0%, #24fe41 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#fdfc47] to-[#24fe41]`
- Contrast (worst point): white 1.09:1 fail · black 15.33:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.fdfc47-24fe41?a=90
- Colors: https://brandsweets.com/colors/fdfc47, https://brandsweets.com/colors/24fe41

### Fresh Turboscent

- Slug: `fresh-turboscent` · Page: https://brandsweets.com/gradients/fresh-turboscent
- Stops: #f1f2b5, #135058 · angle 90° · source uigradients
- Families: yellow, teal · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #f1f2b5 0%, #135058 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f1f2b5] to-[#135058]`
- Contrast (worst point): white 1.16:1 fail · black 2.32:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f1f2b5-135058?a=90
- Colors: https://brandsweets.com/colors/f1f2b5, https://brandsweets.com/colors/135058

### Dark Knight

- Slug: `dark-knight` · Page: https://brandsweets.com/gradients/dark-knight
- Stops: #ba8b02, #181818 · angle 90° · source uigradients
- Families: yellow · Moods: warm
- CSS: `linear-gradient(90deg in oklab, #ba8b02 0%, #181818 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ba8b02] to-[#181818]`
- Contrast (worst point): white 3.10:1 AA-large · black 1.18:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ba8b02-181818?a=90
- Colors: https://brandsweets.com/colors/ba8b02, https://brandsweets.com/colors/181818

### Sage Persuasion

- Slug: `sage-persuasion` · Page: https://brandsweets.com/gradients/sage-persuasion
- Stops: #ccccb2, #757519 · angle 90° · source uigradients
- Families: yellow · Moods: warm, muted, monochrome
- CSS: `linear-gradient(90deg in oklab, #ccccb2 0%, #757519 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ccccb2] to-[#757519]`
- Contrast (worst point): white 1.64:1 fail · black 4.32:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ccccb2-757519?a=90
- Colors: https://brandsweets.com/colors/ccccb2, https://brandsweets.com/colors/757519

### Alihossein

- Slug: `alihossein` · Page: https://brandsweets.com/gradients/alihossein
- Stops: #f7ff00, #db36a4 · angle 90° · source uigradients
- Families: yellow, pink · Moods: warm, vivid
- CSS: `linear-gradient(90deg in oklab, #f7ff00 0%, #db36a4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f7ff00] to-[#db36a4]`
- Contrast (worst point): white 1.09:1 fail · black 5.08:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f7ff00-db36a4?a=90
- Colors: https://brandsweets.com/colors/f7ff00, https://brandsweets.com/colors/db36a4

### Sun on the Horizon

- Slug: `sun-on-the-horizon` · Page: https://brandsweets.com/gradients/sun-on-the-horizon
- Stops: #fceabb, #f8b500 · angle 90° · source uigradients
- Families: yellow · Moods: warm, light, pastel, monochrome
- CSS: `linear-gradient(90deg in oklab, #fceabb 0%, #f8b500 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#fceabb] to-[#f8b500]`
- Contrast (worst point): white 1.19:1 fail · black 11.60:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.fceabb-f8b500?a=90
- Colors: https://brandsweets.com/colors/fceabb, https://brandsweets.com/colors/f8b500

### Snapchat

- Slug: `snapchat` · Page: https://brandsweets.com/gradients/snapchat
- Stops: #fffc00, #ffffff · angle 90° · source uigradients
- Families: yellow · Moods: warm, vivid, light
- CSS: `linear-gradient(90deg in oklab, #fffc00 0%, #ffffff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#fffc00] to-[#ffffff]`
- Contrast (worst point): white 1.00:1 fail · black 19.18:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.fffc00-ffffff?a=90
- Colors: https://brandsweets.com/colors/fffc00, https://brandsweets.com/colors/ffffff

### Cocoaa Ice

- Slug: `cocoaa-ice` · Page: https://brandsweets.com/gradients/cocoaa-ice
- Stops: #c0c0aa, #1cefff · angle 90° · source uigradients
- Families: yellow, teal · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #c0c0aa 0%, #1cefff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c0c0aa] to-[#1cefff]`
- Contrast (worst point): white 1.41:1 fail · black 11.36:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c0c0aa-1cefff?a=90
- Colors: https://brandsweets.com/colors/c0c0aa, https://brandsweets.com/colors/1cefff

### EasyMed

- Slug: `easymed` · Page: https://brandsweets.com/gradients/easymed
- Stops: #dce35b, #45b649 · angle 90° · source uigradients
- Families: yellow, green · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #dce35b 0%, #45b649 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#dce35b] to-[#45b649]`
- Contrast (worst point): white 1.38:1 fail · black 8.04:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.dce35b-45b649?a=90
- Colors: https://brandsweets.com/colors/dce35b, https://brandsweets.com/colors/45b649

### Zinc

- Slug: `zinc` · Page: https://brandsweets.com/gradients/zinc
- Stops: #ada996, #f2f2f2, #dbdbdb, #eaeaea · angle 90° · source uigradients
- Families: yellow · Moods: warm, muted, light, calm
- CSS: `linear-gradient(90deg in oklab, #ada996 0%, #f2f2f2 33.33%, #dbdbdb 66.67%, #eaeaea 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#ada996_0%,#f2f2f2_33.33%,#dbdbdb_66.67%,#eaeaea_100%)]`
- Contrast (worst point): white 1.12:1 fail · black 8.89:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ada996-f2f2f2-dbdbdb-eaeaea?a=90
- Colors: https://brandsweets.com/colors/ada996, https://brandsweets.com/colors/f2f2f2, https://brandsweets.com/colors/dbdbdb, https://brandsweets.com/colors/eaeaea

### Lithium

- Slug: `lithium` · Page: https://brandsweets.com/gradients/lithium
- Stops: #6d6027, #d3cbb8 · angle 90° · source uigradients
- Families: yellow · Moods: warm, muted, monochrome
- CSS: `linear-gradient(90deg in oklab, #6d6027 0%, #d3cbb8 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#6d6027] to-[#d3cbb8]`
- Contrast (worst point): white 1.61:1 fail · black 3.35:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.6d6027-d3cbb8?a=90
- Colors: https://brandsweets.com/colors/6d6027, https://brandsweets.com/colors/d3cbb8

### Sulphur

- Slug: `sulphur` · Page: https://brandsweets.com/gradients/sulphur
- Stops: #cac531, #f3f9a7 · angle 90° · source uigradients
- Families: yellow · Moods: warm, light, monochrome
- CSS: `linear-gradient(90deg in oklab, #cac531 0%, #f3f9a7 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#cac531] to-[#f3f9a7]`
- Contrast (worst point): white 1.11:1 fail · black 11.54:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cac531-f3f9a7?a=90
- Colors: https://brandsweets.com/colors/cac531, https://brandsweets.com/colors/f3f9a7

### Selenium

- Slug: `selenium` · Page: https://brandsweets.com/gradients/selenium
- Stops: #3c3b3f, #605c3c · angle 90° · source uigradients
- Families: yellow · Moods: warm, muted, dark
- CSS: `linear-gradient(90deg in oklab, #3c3b3f 0%, #605c3c 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#3c3b3f] to-[#605c3c]`
- Contrast (worst point): white 6.79:1 AA · black 1.89:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.3c3b3f-605c3c?a=90
- Colors: https://brandsweets.com/colors/3c3b3f, https://brandsweets.com/colors/605c3c

### Relaxing red

- Slug: `relaxing-red` · Page: https://brandsweets.com/gradients/relaxing-red
- Stops: #fffbd5, #b20a2c · angle 90° · source uigradients
- Families: yellow, red · Moods: warm, sunset
- CSS: `linear-gradient(90deg in oklab, #fffbd5 0%, #b20a2c 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#fffbd5] to-[#b20a2c]`
- Contrast (worst point): white 1.05:1 fail · black 2.97:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.fffbd5-b20a2c?a=90
- Colors: https://brandsweets.com/colors/fffbd5, https://brandsweets.com/colors/b20a2c

### Shifty

- Slug: `shifty` · Page: https://brandsweets.com/gradients/shifty
- Stops: #636363, #a2ab58 · angle 90° · source uigradients
- Families: yellow · Moods: warm
- CSS: `linear-gradient(90deg in oklab, #636363 0%, #a2ab58 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#636363] to-[#a2ab58]`
- Contrast (worst point): white 2.47:1 fail · black 3.50:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.636363-a2ab58?a=90
- Colors: https://brandsweets.com/colors/636363, https://brandsweets.com/colors/a2ab58

### Margo

- Slug: `margo` · Page: https://brandsweets.com/gradients/margo
- Stops: #ffefba, #ffffff · angle 90° · source uigradients
- Families: yellow · Moods: warm, muted, light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #ffefba 0%, #ffffff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ffefba] to-[#ffffff]`
- Contrast (worst point): white 1.00:1 fail · black 18.31:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ffefba-ffffff?a=90
- Colors: https://brandsweets.com/colors/ffefba, https://brandsweets.com/colors/ffffff

### Citrus Peel

- Slug: `citrus-peel` · Page: https://brandsweets.com/gradients/citrus-peel
- Stops: #fdc830, #f37335 · angle 90° · source uigradients
- Families: yellow, red · Moods: warm, vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #fdc830 0%, #f37335 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#fdc830] to-[#f37335]`
- Contrast (worst point): white 1.56:1 fail · black 7.32:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fdc830-f37335?a=90
- Colors: https://brandsweets.com/colors/fdc830, https://brandsweets.com/colors/f37335

### Unicorn Rainbow

- Slug: `unicorn-rainbow` · Page: https://brandsweets.com/gradients/unicorn-rainbow
- Stops: #f7f0ac, #acf7f0, #f0acf7 · angle 90° · source uigradients
- Families: yellow, purple · Moods: light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #f7f0ac 0%, #acf7f0 50%, #f0acf7 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f7f0ac] via-[#acf7f0] to-[#f0acf7]`
- Contrast (worst point): white 1.17:1 fail · black 11.95:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f7f0ac-acf7f0-f0acf7?a=90
- Colors: https://brandsweets.com/colors/f7f0ac, https://brandsweets.com/colors/acf7f0, https://brandsweets.com/colors/f0acf7

### Sunny Morning

- Slug: `sunny-morning` · Page: https://brandsweets.com/gradients/sunny-morning
- Stops: #f6d365, #fda085 · angle 120° · source webgradients
- Families: red, yellow · Moods: warm, light, pastel, sunset
- CSS: `linear-gradient(120deg in oklab, #f6d365 0%, #fda085 100%)`
- Tailwind: `bg-linear-120/oklab from-[#f6d365] to-[#fda085]`
- Contrast (worst point): white 1.46:1 fail · black 10.54:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f6d365-fda085?a=120
- Colors: https://brandsweets.com/colors/f6d365, https://brandsweets.com/colors/fda085

### True Sunset

- Slug: `true-sunset` · Page: https://brandsweets.com/gradients/true-sunset
- Stops: #fa709a, #fee140 · angle 0° · source webgradients
- Families: pink, yellow · Moods: warm, vivid, light
- CSS: `linear-gradient(0deg in oklab, #fa709a 0%, #fee140 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#fa709a] to-[#fee140]`
- Contrast (worst point): white 1.31:1 fail · black 7.85:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fa709a-fee140?a=0
- Colors: https://brandsweets.com/colors/fa709a, https://brandsweets.com/colors/fee140

### Wild Apple

- Slug: `wild-apple` · Page: https://brandsweets.com/gradients/wild-apple
- Stops: #d299c2, #fef9d7 · angle 0° · source webgradients
- Families: pink, yellow · Moods: warm, muted, light, calm
- CSS: `linear-gradient(0deg in oklab, #d299c2 0%, #fef9d7 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#d299c2] to-[#fef9d7]`
- Contrast (worst point): white 1.06:1 fail · black 9.08:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.d299c2-fef9d7?a=0
- Colors: https://brandsweets.com/colors/d299c2, https://brandsweets.com/colors/fef9d7

### Lemon Gate

- Slug: `lemon-gate` · Page: https://brandsweets.com/gradients/lemon-gate
- Stops: #96fbc4, #f9f586 · angle 0° · source webgradients
- Families: green, yellow · Moods: light, pastel
- CSS: `linear-gradient(0deg in oklab, #96fbc4 0%, #f9f586 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#96fbc4] to-[#f9f586]`
- Contrast (worst point): white 1.14:1 fail · black 16.89:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.96fbc4-f9f586?a=0
- Colors: https://brandsweets.com/colors/96fbc4, https://brandsweets.com/colors/f9f586

### Kind Steel

- Slug: `kind-steel` · Page: https://brandsweets.com/gradients/kind-steel
- Stops: #e9defa, #fbfcdb · angle 340° · source webgradients
- Families: purple, yellow · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(340deg in oklab, #e9defa 0%, #fbfcdb 100%)`
- Tailwind: `bg-linear-340/oklab from-[#e9defa] to-[#fbfcdb]`
- Contrast (worst point): white 1.05:1 fail · black 16.29:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.e9defa-fbfcdb?a=340
- Colors: https://brandsweets.com/colors/e9defa, https://brandsweets.com/colors/fbfcdb

### Sweet Period

- Slug: `sweet-period` · Page: https://brandsweets.com/gradients/sweet-period
- Stops: #3f51b1 @0%, #5a55ae @13%, #7b5fac @25%, #8f6aae @38%, #a86aa4 @50%, #cc6b8e @62%, #f18271 @75%, #f3a469 @87%, #f7c978 @100% · angle 0° · source webgradients
- Families: purple, blue, red, yellow
- CSS: `linear-gradient(0deg in oklab, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#3f51b1_0%,#5a55ae_13%,#7b5fac_25%,#8f6aae_38%,#a86aa4_50%,#cc6b8e_62%,#f18271_75%,#f3a469_87%,#f7c978_100%)]`
- Contrast (worst point): white 1.55:1 fail · black 3.02:1 AA-large · banding high
- Colors: https://brandsweets.com/colors/3f51b1, https://brandsweets.com/colors/5a55ae, https://brandsweets.com/colors/7b5fac, https://brandsweets.com/colors/8f6aae, https://brandsweets.com/colors/a86aa4, https://brandsweets.com/colors/cc6b8e, https://brandsweets.com/colors/f18271, https://brandsweets.com/colors/f3a469, https://brandsweets.com/colors/f7c978

### Phoenix Start

- Slug: `phoenix-start` · Page: https://brandsweets.com/gradients/phoenix-start
- Stops: #f83600, #f9d423 · angle 0° · source webgradients
- Families: red, yellow · Moods: warm, vivid, sunset, neon
- CSS: `linear-gradient(0deg in oklab, #f83600 0%, #f9d423 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#f83600] to-[#f9d423]`
- Contrast (worst point): white 1.45:1 fail · black 5.52:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f83600-f9d423?a=0
- Colors: https://brandsweets.com/colors/f83600, https://brandsweets.com/colors/f9d423

### Over Sun

- Slug: `over-sun` · Page: https://brandsweets.com/gradients/over-sun
- Stops: #abecd6, #fbed96 · angle 60° · source webgradients
- Families: teal, yellow · Moods: light, pastel, calm
- CSS: `linear-gradient(60deg in oklab, #abecd6 0%, #fbed96 100%)`
- Tailwind: `bg-linear-60/oklab from-[#abecd6] to-[#fbed96]`
- Contrast (worst point): white 1.19:1 fail · black 15.70:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.abecd6-fbed96?a=60
- Colors: https://brandsweets.com/colors/abecd6, https://brandsweets.com/colors/fbed96

### Palo Alto

- Slug: `palo-alto` · Page: https://brandsweets.com/gradients/palo-alto
- Stops: #16a085, #f4d03f · angle 300° · source webgradients
- Families: teal, yellow
- CSS: `linear-gradient(300deg in oklab, #16a085 0%, #f4d03f 100%)`
- Tailwind: `bg-linear-300/oklab from-[#16a085] to-[#f4d03f]`
- Contrast (worst point): white 1.51:1 fail · black 6.40:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.16a085-f4d03f?a=300
- Colors: https://brandsweets.com/colors/16a085, https://brandsweets.com/colors/f4d03f

### Hidden Jaguar

- Slug: `hidden-jaguar` · Page: https://brandsweets.com/gradients/hidden-jaguar
- Stops: #0fd850, #f9f047 · angle 0° · source webgradients
- Families: green, yellow · Moods: vivid, light
- CSS: `linear-gradient(0deg in oklab, #0fd850 0%, #f9f047 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#0fd850] to-[#f9f047]`
- Contrast (worst point): white 1.19:1 fail · black 10.96:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.0fd850-f9f047?a=0
- Colors: https://brandsweets.com/colors/0fd850, https://brandsweets.com/colors/f9f047

### Fruit Blend

- Slug: `fruit-blend` · Page: https://brandsweets.com/gradients/fruit-blend
- Stops: #f9d423, #ff4e50 · angle 0° · source webgradients
- Families: red, yellow · Moods: warm, vivid, sunset
- CSS: `linear-gradient(0deg in oklab, #f9d423 0%, #ff4e50 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#f9d423] to-[#ff4e50]`
- Contrast (worst point): white 1.45:1 fail · black 6.46:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f9d423-ff4e50?a=0
- Colors: https://brandsweets.com/colors/f9d423, https://brandsweets.com/colors/ff4e50

### Millennium Pine

- Slug: `millennium-pine` · Page: https://brandsweets.com/gradients/millennium-pine
- Stops: #50cc7f, #f5d100 · angle 0° · source webgradients
- Families: green, yellow · Moods: vivid, light
- CSS: `linear-gradient(0deg in oklab, #50cc7f 0%, #f5d100 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#50cc7f] to-[#f5d100]`
- Contrast (worst point): white 1.50:1 fail · black 10.29:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.50cc7f-f5d100?a=0
- Colors: https://brandsweets.com/colors/50cc7f, https://brandsweets.com/colors/f5d100

### Juicy Cake

- Slug: `juicy-cake` · Page: https://brandsweets.com/gradients/juicy-cake
- Stops: #e14fad, #f9d423 · angle 0° · source webgradients
- Families: pink, yellow · Moods: warm, vivid
- CSS: `linear-gradient(0deg in oklab, #e14fad 0%, #f9d423 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#e14fad] to-[#f9d423]`
- Contrast (worst point): white 1.45:1 fail · black 5.92:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.e14fad-f9d423?a=0
- Colors: https://brandsweets.com/colors/e14fad, https://brandsweets.com/colors/f9d423

### Sun Veggie

- Slug: `sun-veggie` · Page: https://brandsweets.com/gradients/sun-veggie
- Stops: #20e2d7, #f9fea5 · angle 135° · source webgradients
- Families: teal, yellow · Moods: light, pastel
- CSS: `linear-gradient(135deg in oklab, #20e2d7 0%, #f9fea5 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#20e2d7] to-[#f9fea5]`
- Contrast (worst point): white 1.06:1 fail · black 12.92:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.20e2d7-f9fea5?a=135
- Colors: https://brandsweets.com/colors/20e2d7, https://brandsweets.com/colors/f9fea5

### Angel Care

- Slug: `angel-care` · Page: https://brandsweets.com/gradients/angel-care
- Stops: #ffe29f @0%, #ffa99f @48%, #ff719a @100% · angle 135° · source webgradients
- Families: red, yellow, pink · Moods: warm, light, sunset
- CSS: `linear-gradient(135deg in oklab, #ffe29f 0%, #ffa99f 48%, #ff719a 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#ffe29f] via-[#ffa99f] via-48% to-[#ff719a]`
- Contrast (worst point): white 1.26:1 fail · black 8.08:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ffe29f_0-ffa99f_48-ff719a_100?a=135
- Colors: https://brandsweets.com/colors/ffe29f, https://brandsweets.com/colors/ffa99f, https://brandsweets.com/colors/ff719a

### Combi

- Slug: `combi` · Page: https://brandsweets.com/gradients/combi
- Stops: #00416a, #799f0c, #ffe000 · angle 90° · source uigradients
- Families: blue, yellow
- CSS: `linear-gradient(90deg in oklab, #00416a 0%, #799f0c 50%, #ffe000 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00416a] via-[#799f0c] to-[#ffe000]`
- Contrast (worst point): white 1.32:1 fail · black 1.96:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.00416a-799f0c-ffe000?a=90
- Colors: https://brandsweets.com/colors/00416a, https://brandsweets.com/colors/799f0c, https://brandsweets.com/colors/ffe000

### Anwar

- Slug: `anwar` · Page: https://brandsweets.com/gradients/anwar
- Stops: #334d50, #cbcaa5 · angle 90° · source uigradients
- Families: teal, yellow · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #334d50 0%, #cbcaa5 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#334d50] to-[#cbcaa5]`
- Contrast (worst point): white 1.68:1 fail · black 2.32:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.334d50-cbcaa5?a=90
- Colors: https://brandsweets.com/colors/334d50, https://brandsweets.com/colors/cbcaa5

### Blooker20

- Slug: `blooker20` · Page: https://brandsweets.com/gradients/blooker20
- Stops: #e65c00, #f9d423 · angle 90° · source uigradients
- Families: red, yellow · Moods: warm, vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #e65c00 0%, #f9d423 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#e65c00] to-[#f9d423]`
- Contrast (worst point): white 1.45:1 fail · black 5.89:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.e65c00-f9d423?a=90
- Colors: https://brandsweets.com/colors/e65c00, https://brandsweets.com/colors/f9d423

### Harmonic Energy

- Slug: `harmonic-energy` · Page: https://brandsweets.com/gradients/harmonic-energy
- Stops: #16a085, #f4d03f · angle 90° · source uigradients
- Families: teal, yellow
- CSS: `linear-gradient(90deg in oklab, #16a085 0%, #f4d03f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#16a085] to-[#f4d03f]`
- Contrast (worst point): white 1.51:1 fail · black 6.40:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.16a085-f4d03f?a=90
- Colors: https://brandsweets.com/colors/16a085, https://brandsweets.com/colors/f4d03f

### Lemon Twist

- Slug: `lemon-twist` · Page: https://brandsweets.com/gradients/lemon-twist
- Stops: #3ca55c, #b5ac49 · angle 90° · source uigradients
- Families: green, yellow
- CSS: `linear-gradient(90deg in oklab, #3ca55c 0%, #b5ac49 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#3ca55c] to-[#b5ac49]`
- Contrast (worst point): white 2.34:1 fail · black 6.73:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.3ca55c-b5ac49?a=90
- Colors: https://brandsweets.com/colors/3ca55c, https://brandsweets.com/colors/b5ac49

### Horizon

- Slug: `horizon` · Page: https://brandsweets.com/gradients/horizon
- Stops: #003973, #e5e5be · angle 90° · source uigradients
- Families: blue, yellow · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #003973 0%, #e5e5be 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#003973] to-[#e5e5be]`
- Contrast (worst point): white 1.29:1 fail · black 1.83:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.003973-e5e5be?a=90
- Colors: https://brandsweets.com/colors/003973, https://brandsweets.com/colors/e5e5be

### Frozen

- Slug: `frozen` · Page: https://brandsweets.com/gradients/frozen
- Stops: #403b4a, #e7e9bb · angle 90° · source uigradients
- Families: purple, yellow · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #403b4a 0%, #e7e9bb 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#403b4a] to-[#e7e9bb]`
- Contrast (worst point): white 1.25:1 fail · black 1.94:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.403b4a-e7e9bb?a=90
- Colors: https://brandsweets.com/colors/403b4a, https://brandsweets.com/colors/e7e9bb

### Mango Pulp

- Slug: `mango-pulp` · Page: https://brandsweets.com/gradients/mango-pulp
- Stops: #f09819, #edde5d · angle 90° · source uigradients
- Families: orange, yellow · Moods: warm, light, sunset
- CSS: `linear-gradient(90deg in oklab, #f09819 0%, #edde5d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f09819] to-[#edde5d]`
- Contrast (worst point): white 1.38:1 fail · black 9.21:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f09819-edde5d?a=90
- Colors: https://brandsweets.com/colors/f09819, https://brandsweets.com/colors/edde5d

### Juicy Orange

- Slug: `juicy-orange` · Page: https://brandsweets.com/gradients/juicy-orange
- Stops: #ff8008, #ffc837 · angle 90° · source uigradients
- Families: orange, yellow · Moods: warm, vivid, light, sunset
- CSS: `linear-gradient(90deg in oklab, #ff8008 0%, #ffc837 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ff8008] to-[#ffc837]`
- Contrast (worst point): white 1.55:1 fail · black 8.34:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ff8008-ffc837?a=90
- Colors: https://brandsweets.com/colors/ff8008, https://brandsweets.com/colors/ffc837

### Bora Bora

- Slug: `bora-bora` · Page: https://brandsweets.com/gradients/bora-bora
- Stops: #2bc0e4, #eaecc6 · angle 90° · source uigradients
- Families: blue, yellow · Moods: muted, light, calm
- CSS: `linear-gradient(90deg in oklab, #2bc0e4 0%, #eaecc6 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#2bc0e4] to-[#eaecc6]`
- Contrast (worst point): white 1.21:1 fail · black 9.76:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.2bc0e4-eaecc6?a=90
- Colors: https://brandsweets.com/colors/2bc0e4, https://brandsweets.com/colors/eaecc6

### Opa

- Slug: `opa` · Page: https://brandsweets.com/gradients/opa
- Stops: #3d7eaa, #ffe47a · angle 90° · source uigradients
- Families: blue, yellow
- CSS: `linear-gradient(90deg in oklab, #3d7eaa 0%, #ffe47a 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#3d7eaa] to-[#ffe47a]`
- Contrast (worst point): white 1.26:1 fail · black 4.76:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.3d7eaa-ffe47a?a=90
- Colors: https://brandsweets.com/colors/3d7eaa, https://brandsweets.com/colors/ffe47a

### Peach

- Slug: `peach` · Page: https://brandsweets.com/gradients/peach
- Stops: #ed4264, #ffedbc · angle 90° · source uigradients
- Families: pink, yellow · Moods: warm
- CSS: `linear-gradient(90deg in oklab, #ed4264 0%, #ffedbc 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ed4264] to-[#ffedbc]`
- Contrast (worst point): white 1.16:1 fail · black 5.56:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ed4264-ffedbc?a=90
- Colors: https://brandsweets.com/colors/ed4264, https://brandsweets.com/colors/ffedbc

### Army

- Slug: `army` · Page: https://brandsweets.com/gradients/army
- Stops: #414d0b, #727a17 · angle 90° · source uigradients
- Families: green, yellow · Moods: forest
- CSS: `linear-gradient(90deg in oklab, #414d0b 0%, #727a17 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#414d0b] to-[#727a17]`
- Contrast (worst point): white 4.66:1 AA · black 2.29:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.414d0b-727a17?a=90
- Colors: https://brandsweets.com/colors/414d0b, https://brandsweets.com/colors/727a17

### Blurry Beach

- Slug: `blurry-beach` · Page: https://brandsweets.com/gradients/blurry-beach
- Stops: #d53369, #cbad6d · angle 90° · source uigradients
- Families: pink, yellow · Moods: warm
- CSS: `linear-gradient(90deg in oklab, #d53369 0%, #cbad6d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#d53369] to-[#cbad6d]`
- Contrast (worst point): white 2.16:1 fail · black 4.51:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d53369-cbad6d?a=90
- Colors: https://brandsweets.com/colors/d53369, https://brandsweets.com/colors/cbad6d

### Kyoto

- Slug: `kyoto` · Page: https://brandsweets.com/gradients/kyoto
- Stops: #c21500, #ffc500 · angle 90° · source uigradients
- Families: red, yellow · Moods: warm, vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #c21500 0%, #ffc500 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c21500] to-[#ffc500]`
- Contrast (worst point): white 1.59:1 fail · black 3.40:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.c21500-ffc500?a=90
- Colors: https://brandsweets.com/colors/c21500, https://brandsweets.com/colors/ffc500

### Earthly

- Slug: `earthly` · Page: https://brandsweets.com/gradients/earthly
- Stops: #649173, #dbd5a4 · angle 90° · source uigradients
- Families: green, yellow · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #649173 0%, #dbd5a4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#649173] to-[#dbd5a4]`
- Contrast (worst point): white 1.49:1 fail · black 5.84:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.649173-dbd5a4?a=90
- Colors: https://brandsweets.com/colors/649173, https://brandsweets.com/colors/dbd5a4

### Dance To Forget

- Slug: `dance-to-forget-ui` · Page: https://brandsweets.com/gradients/dance-to-forget-ui
- Stops: #ff4e50, #f9d423 · angle 90° · source uigradients
- Families: red, yellow · Moods: warm, vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #ff4e50 0%, #f9d423 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ff4e50] to-[#f9d423]`
- Contrast (worst point): white 1.45:1 fail · black 6.46:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ff4e50-f9d423?a=90
- Colors: https://brandsweets.com/colors/ff4e50, https://brandsweets.com/colors/f9d423

### Pastel Orange at the Sun

- Slug: `pastel-orange-at-the-sun` · Page: https://brandsweets.com/gradients/pastel-orange-at-the-sun
- Stops: #ffb347, #ffcc33 · angle 90° · source uigradients
- Families: orange, yellow · Moods: warm, light, sunset
- CSS: `linear-gradient(90deg in oklab, #ffb347 0%, #ffcc33 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ffb347] to-[#ffcc33]`
- Contrast (worst point): white 1.51:1 fail · black 11.79:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ffb347-ffcc33?a=90
- Colors: https://brandsweets.com/colors/ffb347, https://brandsweets.com/colors/ffcc33

### Ukraine

- Slug: `ukraine` · Page: https://brandsweets.com/gradients/ukraine
- Stops: #004ff9, #fff94c · angle 90° · source uigradients
- Families: blue, yellow · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #004ff9 0%, #fff94c 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#004ff9] to-[#fff94c]`
- Contrast (worst point): white 1.11:1 fail · black 3.49:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.004ff9-fff94c?a=90
- Colors: https://brandsweets.com/colors/004ff9, https://brandsweets.com/colors/fff94c

### Back to the Future

- Slug: `back-to-the-future-ui` · Page: https://brandsweets.com/gradients/back-to-the-future-ui
- Stops: #c02425, #f0cb35 · angle 90° · source uigradients
- Families: red, yellow · Moods: warm, vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #c02425 0%, #f0cb35 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c02425] to-[#f0cb35]`
- Contrast (worst point): white 1.58:1 fail · black 3.52:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.c02425-f0cb35?a=90
- Colors: https://brandsweets.com/colors/c02425, https://brandsweets.com/colors/f0cb35

### Minnesota Vikings

- Slug: `minnesota-vikings` · Page: https://brandsweets.com/gradients/minnesota-vikings
- Stops: #5614b0, #dbd65c · angle 90° · source uigradients
- Families: purple, yellow · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #5614b0 0%, #dbd65c 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#5614b0] to-[#dbd65c]`
- Contrast (worst point): white 1.52:1 fail · black 2.12:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.5614b0-dbd65c?a=90
- Colors: https://brandsweets.com/colors/5614b0, https://brandsweets.com/colors/dbd65c

### Limeade

- Slug: `limeade` · Page: https://brandsweets.com/gradients/limeade
- Stops: #a1ffce, #faffd1 · angle 90° · source uigradients
- Families: green, yellow · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #a1ffce 0%, #faffd1 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#a1ffce] to-[#faffd1]`
- Contrast (worst point): white 1.03:1 fail · black 17.71:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a1ffce-faffd1?a=90
- Colors: https://brandsweets.com/colors/a1ffce, https://brandsweets.com/colors/faffd1

### Brady Brady Fun Fun

- Slug: `brady-brady-fun-fun` · Page: https://brandsweets.com/gradients/brady-brady-fun-fun
- Stops: #00c3ff, #ffff1c · angle 90° · source uigradients
- Families: blue, yellow · Moods: vivid, light
- CSS: `linear-gradient(90deg in oklab, #00c3ff 0%, #ffff1c 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00c3ff] to-[#ffff1c]`
- Contrast (worst point): white 1.07:1 fail · black 10.25:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.00c3ff-ffff1c?a=90
- Colors: https://brandsweets.com/colors/00c3ff, https://brandsweets.com/colors/ffff1c

### Honey Dew

- Slug: `honey-dew` · Page: https://brandsweets.com/gradients/honey-dew
- Stops: #43c6ac, #f8ffae · angle 90° · source uigradients
- Families: teal, yellow · Moods: light
- CSS: `linear-gradient(90deg in oklab, #43c6ac 0%, #f8ffae 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#43c6ac] to-[#f8ffae]`
- Contrast (worst point): white 1.05:1 fail · black 9.91:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.43c6ac-f8ffae?a=90
- Colors: https://brandsweets.com/colors/43c6ac, https://brandsweets.com/colors/f8ffae

### Learning and Leading

- Slug: `learning-and-leading` · Page: https://brandsweets.com/gradients/learning-and-leading
- Stops: #f7971e, #ffd200 · angle 90° · source uigradients
- Families: orange, yellow · Moods: warm, vivid, light, sunset
- CSS: `linear-gradient(90deg in oklab, #f7971e 0%, #ffd200 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f7971e] to-[#ffd200]`
- Contrast (worst point): white 1.45:1 fail · black 9.40:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f7971e-ffd200?a=90
- Colors: https://brandsweets.com/colors/f7971e, https://brandsweets.com/colors/ffd200

### Sunkist

- Slug: `sunkist` · Page: https://brandsweets.com/gradients/sunkist
- Stops: #f2994a, #f2c94c · angle 90° · source uigradients
- Families: orange, yellow · Moods: warm, light, sunset
- CSS: `linear-gradient(90deg in oklab, #f2994a 0%, #f2c94c 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f2994a] to-[#f2c94c]`
- Contrast (worst point): white 1.59:1 fail · black 9.43:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f2994a-f2c94c?a=90
- Colors: https://brandsweets.com/colors/f2994a, https://brandsweets.com/colors/f2c94c

### Broken Hearts

- Slug: `broken-hearts` · Page: https://brandsweets.com/gradients/broken-hearts
- Stops: #d9a7c7, #fffcdc · angle 90° · source uigradients
- Families: pink, yellow · Moods: warm, muted, light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #d9a7c7 0%, #fffcdc 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#d9a7c7] to-[#fffcdc]`
- Contrast (worst point): white 1.04:1 fail · black 10.30:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.d9a7c7-fffcdc?a=90
- Colors: https://brandsweets.com/colors/d9a7c7, https://brandsweets.com/colors/fffcdc

### Summer

- Slug: `summer` · Page: https://brandsweets.com/gradients/summer
- Stops: #22c1c3, #fdbb2d · angle 90° · source uigradients
- Families: teal, yellow · Moods: light
- CSS: `linear-gradient(90deg in oklab, #22c1c3 0%, #fdbb2d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#22c1c3] to-[#fdbb2d]`
- Contrast (worst point): white 1.70:1 fail · black 9.48:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.22c1c3-fdbb2d?a=90
- Colors: https://brandsweets.com/colors/22c1c3, https://brandsweets.com/colors/fdbb2d

### King Yna

- Slug: `king-yna` · Page: https://brandsweets.com/gradients/king-yna
- Stops: #1a2a6c, #b21f1f, #fdbb2d · angle 90° · source uigradients
- Families: blue, yellow
- CSS: `linear-gradient(90deg in oklab, #1a2a6c 0%, #b21f1f 50%, #fdbb2d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#1a2a6c] via-[#b21f1f] to-[#fdbb2d]`
- Contrast (worst point): white 1.70:1 fail · black 1.59:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.1a2a6c-b21f1f-fdbb2d?a=90
- Colors: https://brandsweets.com/colors/1a2a6c, https://brandsweets.com/colors/b21f1f, https://brandsweets.com/colors/fdbb2d

### Orange Fun

- Slug: `orange-fun` · Page: https://brandsweets.com/gradients/orange-fun
- Stops: #fc4a1a, #f7b733 · angle 90° · source uigradients
- Families: red, yellow · Moods: warm, vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #fc4a1a 0%, #f7b733 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#fc4a1a] to-[#f7b733]`
- Contrast (worst point): white 1.78:1 fail · black 6.13:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fc4a1a-f7b733?a=90
- Colors: https://brandsweets.com/colors/fc4a1a, https://brandsweets.com/colors/f7b733

### Sand to Blue

- Slug: `sand-to-blue-ui` · Page: https://brandsweets.com/gradients/sand-to-blue-ui
- Stops: #3e5151, #decba4 · angle 90° · source uigradients
- Families: teal, yellow · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #3e5151 0%, #decba4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#3e5151] to-[#decba4]`
- Contrast (worst point): white 1.59:1 fail · black 2.50:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.3e5151-decba4?a=90
- Colors: https://brandsweets.com/colors/3e5151, https://brandsweets.com/colors/decba4

### Evening Night

- Slug: `evening-night` · Page: https://brandsweets.com/gradients/evening-night
- Stops: #005aa7, #fffde4 · angle 90° · source uigradients
- Families: blue, yellow · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #005aa7 0%, #fffde4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#005aa7] to-[#fffde4]`
- Contrast (worst point): white 1.03:1 fail · black 3.02:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.005aa7-fffde4?a=90
- Colors: https://brandsweets.com/colors/005aa7, https://brandsweets.com/colors/fffde4

### Kyoo Tah

- Slug: `kyoo-tah` · Page: https://brandsweets.com/gradients/kyoo-tah
- Stops: #544a7d, #ffd452 · angle 90° · source uigradients
- Families: purple, yellow
- CSS: `linear-gradient(90deg in oklab, #544a7d 0%, #ffd452 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#544a7d] to-[#ffd452]`
- Contrast (worst point): white 1.42:1 fail · black 2.65:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.544a7d-ffd452?a=90
- Colors: https://brandsweets.com/colors/544a7d, https://brandsweets.com/colors/ffd452

### Zenta

- Slug: `zenta` · Page: https://brandsweets.com/gradients/zenta
- Stops: #2a2d3e, #fecb6e · angle 90° · source uigradients
- Families: blue, yellow · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #2a2d3e 0%, #fecb6e 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#2a2d3e] to-[#fecb6e]`
- Contrast (worst point): white 1.50:1 fail · black 1.54:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.2a2d3e-fecb6e?a=90
- Colors: https://brandsweets.com/colors/2a2d3e, https://brandsweets.com/colors/fecb6e

### Lemon Lime

- Slug: `lemon-lime` · Page: https://brandsweets.com/gradients/lemon-lime
- Stops: #7ec6bc, #ebe717 · angle 90° · source uigradients
- Families: teal, yellow · Moods: light
- CSS: `linear-gradient(90deg in oklab, #7ec6bc 0%, #ebe717 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#7ec6bc] to-[#ebe717]`
- Contrast (worst point): white 1.31:1 fail · black 10.69:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.7ec6bc-ebe717?a=90
- Colors: https://brandsweets.com/colors/7ec6bc, https://brandsweets.com/colors/ebe717

### Flame

- Slug: `flame` · Page: https://brandsweets.com/gradients/flame
- Stops: #ff0000, #fdcf58 · angle 90° · source uigradients
- Families: red, yellow · Moods: warm, vivid, sunset, neon
- CSS: `linear-gradient(90deg in oklab, #ff0000 0%, #fdcf58 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ff0000] to-[#fdcf58]`
- Contrast (worst point): white 1.47:1 fail · black 5.25:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ff0000-fdcf58?a=90
- Colors: https://brandsweets.com/colors/ff0000, https://brandsweets.com/colors/fdcf58

## Gradient maker

Every maker URL is the gradient's state: `/gradients/new/v1.<hex>-<hex>[_pos]?a=135&in=oklch&hue=shorter&e=soft&g=8`. Hand one to a human, let them refine, and read the link they return.

## Connect an agent

Point any MCP client at the BrandSweets gradients endpoint for the same engine and corpus:

- Endpoint: https://mcp.brandsweets.com/gradients/mcp
- Tools: `make_gradient` (2–5 colours → CSS with the interpolation space, Tailwind v4, SVG, PNG URL, DTCG token + the contrast/banding/gamut report), `brand_gradients` (brand slug or palette → brand gradient, hero, button, variants).
- Resource: `gradients://corpus` — the whole bundled corpus as JSON.