# Green gradients

88 named green gradients from the two open corpora we bundle (uiGradients and WebGradients, both MIT) — mint, sage, emerald and moss — the widest hue band, so a green pair can drift through teal or yellow; OKLab keeps it on the straight line the designer meant. 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/green
- Count: 88

## Gradients

### Dusty Grass

- Slug: `dusty-grass` · Page: https://brandsweets.com/gradients/dusty-grass
- Stops: #d4fc79, #96e6a1 · angle 120° · source webgradients
- Families: green · Moods: cool, light
- CSS: `linear-gradient(120deg in oklab, #d4fc79 0%, #96e6a1 100%)`
- Tailwind: `bg-linear-120/oklab from-[#d4fc79] to-[#96e6a1]`
- Contrast (worst point): white 1.17:1 fail · black 14.13:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d4fc79-96e6a1?a=120
- Colors: https://brandsweets.com/colors/d4fc79, https://brandsweets.com/colors/96e6a1

### Tempting Azure

- Slug: `tempting-azure` · Page: https://brandsweets.com/gradients/tempting-azure
- Stops: #84fab0, #8fd3f4 · angle 120° · source webgradients
- Families: green, blue · Moods: cool, light, pastel, ocean
- CSS: `linear-gradient(120deg in oklab, #84fab0 0%, #8fd3f4 100%)`
- Tailwind: `bg-linear-120/oklab from-[#84fab0] to-[#8fd3f4]`
- Contrast (worst point): white 1.29:1 fail · black 12.78:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.84fab0-8fd3f4?a=120
- Colors: https://brandsweets.com/colors/84fab0, https://brandsweets.com/colors/8fd3f4

### New Life

- Slug: `new-life` · Page: https://brandsweets.com/gradients/new-life
- Stops: #43e97b, #38f9d7 · angle 0° · source webgradients
- Families: green, teal · Moods: cool, vivid, light
- CSS: `linear-gradient(0deg in oklab, #43e97b 0%, #38f9d7 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#43e97b] to-[#38f9d7]`
- Contrast (worst point): white 1.34:1 fail · black 13.18:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.43e97b-38f9d7?a=0
- Colors: https://brandsweets.com/colors/43e97b, https://brandsweets.com/colors/38f9d7

### 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

### Itmeo Branding

- Slug: `itmeo-branding` · Page: https://brandsweets.com/gradients/itmeo-branding
- Stops: #2af598, #009efd · angle 180° · source webgradients
- Families: green, blue · Moods: cool, vivid, ocean
- CSS: `linear-gradient(180deg in oklab, #2af598 0%, #009efd 100%)`
- Tailwind: `bg-linear-to-b/oklab from-[#2af598] to-[#009efd]`
- Contrast (worst point): white 1.44:1 fail · black 7.31:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.2af598-009efd?a=180
- Colors: https://brandsweets.com/colors/2af598, https://brandsweets.com/colors/009efd

### Soft Grass

- Slug: `soft-grass` · Page: https://brandsweets.com/gradients/soft-grass
- Stops: #c1dfc4, #deecdd · angle 0° · source webgradients
- Families: green · Moods: cool, muted, light, pastel, monochrome, calm
- CSS: `linear-gradient(0deg in oklab, #c1dfc4 0%, #deecdd 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#c1dfc4] to-[#deecdd]`
- Contrast (worst point): white 1.23:1 fail · black 14.62:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c1dfc4-deecdd?a=0
- Colors: https://brandsweets.com/colors/c1dfc4, https://brandsweets.com/colors/deecdd

### Grown Early

- Slug: `grown-early` · Page: https://brandsweets.com/gradients/grown-early
- Stops: #0ba360, #3cba92 · angle 0° · source webgradients
- Families: green, teal · Moods: cool
- CSS: `linear-gradient(0deg in oklab, #0ba360 0%, #3cba92 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#0ba360] to-[#3cba92]`
- Contrast (worst point): white 2.43:1 fail · black 6.42:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.0ba360-3cba92?a=0
- Colors: https://brandsweets.com/colors/0ba360, https://brandsweets.com/colors/3cba92

### Burning Spring

- Slug: `burning-spring` · Page: https://brandsweets.com/gradients/burning-spring
- Stops: #4fb576 @0%, #44c489 @30%, #28a9ae @46%, #28a2b7 @59%, #4c7788 @71%, #6c4f63 @80%, #432c39 @100% · angle 0° · source webgradients
- Families: green, pink, teal · Moods: muted
- CSS: `linear-gradient(0deg in oklab, #4fb576 0%, #44c489 30%, #28a9ae 46%, #28a2b7 59%, #4c7788 71%, #6c4f63 80%, #432c39 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#4fb576_0%,#44c489_30%,#28a9ae_46%,#28a2b7_59%,#4c7788_71%,#6c4f63_80%,#432c39_100%)]`
- Contrast (worst point): white 2.21:1 fail · black 1.66:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4fb576_0-44c489_30-28a9ae_46-28a2b7_59-4c7788_71-6c4f63_80-432c39_100?a=0
- Colors: https://brandsweets.com/colors/4fb576, https://brandsweets.com/colors/44c489, https://brandsweets.com/colors/28a9ae, https://brandsweets.com/colors/28a2b7, https://brandsweets.com/colors/4c7788, https://brandsweets.com/colors/6c4f63, https://brandsweets.com/colors/432c39

### Summer Games

- Slug: `summer-games` · Page: https://brandsweets.com/gradients/summer-games
- Stops: #92fe9d, #00c9ff · angle 0° · source webgradients
- Families: green, blue · Moods: cool, light, ocean
- CSS: `linear-gradient(0deg in oklab, #92fe9d 0%, #00c9ff 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#92fe9d] to-[#00c9ff]`
- Contrast (worst point): white 1.24:1 fail · black 10.80:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.92fe9d-00c9ff?a=0
- Colors: https://brandsweets.com/colors/92fe9d, https://brandsweets.com/colors/00c9ff

### 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

### Magic Lake

- Slug: `magic-lake` · Page: https://brandsweets.com/gradients/magic-lake
- Stops: #d5dee7 @0%, #ffafbd @0%, #c9ffbf @100% · angle 0° · source webgradients
- Families: green · Moods: light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #d5dee7 0%, #ffafbd 0%, #c9ffbf 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#d5dee7] via-[#ffafbd] via-0% to-[#c9ffbf]`
- Contrast (worst point): white 1.13:1 fail · black 12.16:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d5dee7_0-ffafbd_0-c9ffbf_100?a=0
- Colors: https://brandsweets.com/colors/d5dee7, https://brandsweets.com/colors/ffafbd, https://brandsweets.com/colors/c9ffbf

### Young Grass

- Slug: `young-grass` · Page: https://brandsweets.com/gradients/young-grass
- Stops: #9be15d, #00e3ae · angle 0° · source webgradients
- Families: green, teal · Moods: cool, vivid, light
- CSS: `linear-gradient(0deg in oklab, #9be15d 0%, #00e3ae 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#9be15d] to-[#00e3ae]`
- Contrast (worst point): white 1.58:1 fail · black 12.60:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.9be15d-00e3ae?a=0
- Colors: https://brandsweets.com/colors/9be15d, https://brandsweets.com/colors/00e3ae

### Happy Unicorn

- Slug: `happy-unicorn` · Page: https://brandsweets.com/gradients/happy-unicorn
- Stops: #b3ffab, #12fff7 · angle 0° · source webgradients
- Families: green, teal · Moods: cool, light
- CSS: `linear-gradient(0deg in oklab, #b3ffab 0%, #12fff7 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#b3ffab] to-[#12fff7]`
- Contrast (worst point): white 1.18:1 fail · black 16.67:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b3ffab-12fff7?a=0
- Colors: https://brandsweets.com/colors/b3ffab, https://brandsweets.com/colors/12fff7

### African Field

- Slug: `african-field` · Page: https://brandsweets.com/gradients/african-field
- Stops: #65bd60 @0%, #5ac1a8 @25%, #3ec6ed @50% · angle 0° · source webgradients
- Families: green, blue · Moods: cool, light, ocean
- CSS: `linear-gradient(0deg in oklab, #65bd60 0%, #5ac1a8 25%, #3ec6ed 50%)`
- Tailwind: `bg-linear-to-t/oklab from-[#65bd60] via-[#5ac1a8] via-25% to-[#3ec6ed] to-50%`
- Contrast (worst point): white 2.00:1 fail · black 9.00:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.65bd60_0-5ac1a8_25-3ec6ed_50?a=0
- Colors: https://brandsweets.com/colors/65bd60, https://brandsweets.com/colors/5ac1a8, https://brandsweets.com/colors/3ec6ed

### 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

### Grass Shampoo

- Slug: `grass-shampoo` · Page: https://brandsweets.com/gradients/grass-shampoo
- Stops: #dfffcd @0%, #90f9c4 @48%, #39f3bb @100% · angle 135° · source webgradients
- Families: green, teal · Moods: cool, light, pastel
- CSS: `linear-gradient(135deg in oklab, #dfffcd 0%, #90f9c4 48%, #39f3bb 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#dfffcd] via-[#90f9c4] via-48% to-[#39f3bb]`
- Contrast (worst point): white 1.09:1 fail · black 14.71:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.dfffcd_0-90f9c4_48-39f3bb_100?a=135
- Colors: https://brandsweets.com/colors/dfffcd, https://brandsweets.com/colors/90f9c4, https://brandsweets.com/colors/39f3bb

### Ibtesam

- Slug: `ibtesam` · Page: https://brandsweets.com/gradients/ibtesam
- Stops: #00f5a0, #00d9f5 · angle 90° · source uigradients
- Families: green, teal · Moods: cool, vivid, light
- CSS: `linear-gradient(90deg in oklab, #00f5a0 0%, #00d9f5 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00f5a0] to-[#00d9f5]`
- Contrast (worst point): white 1.44:1 fail · black 12.23:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.00f5a0-00d9f5?a=90
- Colors: https://brandsweets.com/colors/00f5a0, https://brandsweets.com/colors/00d9f5

### Ver Black

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

### Reaqua

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

### Petrol

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

### Emerald Water

- Slug: `emerald-water` · Page: https://brandsweets.com/gradients/emerald-water
- Stops: #348f50, #56b4d3 · angle 90° · source uigradients
- Families: green, blue · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #348f50 0%, #56b4d3 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#348f50] to-[#56b4d3]`
- Contrast (worst point): white 2.37:1 fail · black 5.19:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.348f50-56b4d3?a=90
- Colors: https://brandsweets.com/colors/348f50, https://brandsweets.com/colors/56b4d3

### 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

### Mojito

- Slug: `mojito` · Page: https://brandsweets.com/gradients/mojito
- Stops: #1d976c, #93f9b9 · angle 90° · source uigradients
- Families: green · Moods: cool, monochrome
- CSS: `linear-gradient(90deg in oklab, #1d976c 0%, #93f9b9 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#1d976c] to-[#93f9b9]`
- Contrast (worst point): white 1.27:1 fail · black 5.70:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.1d976c-93f9b9?a=90
- Colors: https://brandsweets.com/colors/1d976c, https://brandsweets.com/colors/93f9b9

### 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

### Jonquil

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

### Misty Meadow

- Slug: `misty-meadow` · Page: https://brandsweets.com/gradients/misty-meadow
- Stops: #215f00, #e4e4d9 · angle 90° · source uigradients
- Families: green · Moods: cool, forest
- CSS: `linear-gradient(90deg in oklab, #215f00 0%, #e4e4d9 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#215f00] to-[#e4e4d9]`
- Contrast (worst point): white 1.28:1 fail · black 2.70:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.215f00-e4e4d9?a=90
- Colors: https://brandsweets.com/colors/215f00, https://brandsweets.com/colors/e4e4d9

### 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

### Virgin

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

### Parklife

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

### Teal Love

- Slug: `teal-love` · Page: https://brandsweets.com/gradients/teal-love
- Stops: #aaffa9, #11ffbd · angle 90° · source uigradients
- Families: green, teal · Moods: cool, vivid, light
- CSS: `linear-gradient(90deg in oklab, #aaffa9 0%, #11ffbd 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#aaffa9] to-[#11ffbd]`
- Contrast (worst point): white 1.19:1 fail · black 16.06:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.aaffa9-11ffbd?a=90
- Colors: https://brandsweets.com/colors/aaffa9, https://brandsweets.com/colors/11ffbd

### Neon Life

- Slug: `neon-life` · Page: https://brandsweets.com/gradients/neon-life
- Stops: #b3ffab, #12fff7 · angle 90° · source uigradients
- Families: green, teal · Moods: cool, light
- CSS: `linear-gradient(90deg in oklab, #b3ffab 0%, #12fff7 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#b3ffab] to-[#12fff7]`
- Contrast (worst point): white 1.18:1 fail · black 16.67:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b3ffab-12fff7?a=90
- Colors: https://brandsweets.com/colors/b3ffab, https://brandsweets.com/colors/12fff7

### Behongo

- Slug: `behongo` · Page: https://brandsweets.com/gradients/behongo
- Stops: #52c234, #061700 · angle 90° · source uigradients
- Families: green · Moods: cool, monochrome, forest
- CSS: `linear-gradient(90deg in oklab, #52c234 0%, #061700 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#52c234] to-[#061700]`
- Contrast (worst point): white 2.30:1 fail · black 1.13:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.52c234-061700?a=90
- Colors: https://brandsweets.com/colors/52c234, https://brandsweets.com/colors/061700

### Metallic Toad

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

### Green to dark

- Slug: `green-to-dark-ui` · Page: https://brandsweets.com/gradients/green-to-dark-ui
- Stops: #6a9113, #141517 · angle 90° · source uigradients
- Families: green · Moods: cool, forest
- CSS: `linear-gradient(90deg in oklab, #6a9113 0%, #141517 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#6a9113] to-[#141517]`
- Contrast (worst point): white 3.70:1 AA-large · black 1.15:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.6a9113-141517?a=90
- Colors: https://brandsweets.com/colors/6a9113, https://brandsweets.com/colors/141517

### Little Leaf

- Slug: `little-leaf` · Page: https://brandsweets.com/gradients/little-leaf
- Stops: #76b852, #8dc26f · angle 90° · source uigradients
- Families: green · Moods: cool, monochrome
- CSS: `linear-gradient(90deg in oklab, #76b852 0%, #8dc26f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#76b852] to-[#8dc26f]`
- Contrast (worst point): white 2.08:1 fail · black 8.75:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.76b852-8dc26f?a=90
- Colors: https://brandsweets.com/colors/76b852, https://brandsweets.com/colors/8dc26f

### Green and Blue

- Slug: `green-and-blue` · Page: https://brandsweets.com/gradients/green-and-blue
- Stops: #c2e59c, #64b3f4 · angle 90° · source uigradients
- Families: green, blue · Moods: cool, light, ocean
- CSS: `linear-gradient(90deg in oklab, #c2e59c 0%, #64b3f4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c2e59c] to-[#64b3f4]`
- Contrast (worst point): white 1.40:1 fail · black 9.30:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c2e59c-64b3f4?a=90
- Colors: https://brandsweets.com/colors/c2e59c, https://brandsweets.com/colors/64b3f4

### Christmas

- Slug: `christmas` · Page: https://brandsweets.com/gradients/christmas
- Stops: #2f7336, #aa3a38 · angle 90° · source uigradients
- Families: green, red · Moods: jewel-tones
- CSS: `linear-gradient(90deg in oklab, #2f7336 0%, #aa3a38 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#2f7336] to-[#aa3a38]`
- Contrast (worst point): white 5.76:1 AA · black 3.37:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.2f7336-aa3a38?a=90
- Colors: https://brandsweets.com/colors/2f7336, https://brandsweets.com/colors/aa3a38

### Lush

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

### 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

### Mild

- Slug: `mild` · Page: https://brandsweets.com/gradients/mild
- Stops: #67b26f, #4ca2cd · angle 90° · source uigradients
- Families: green, blue · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #67b26f 0%, #4ca2cd 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#67b26f] to-[#4ca2cd]`
- Contrast (worst point): white 2.57:1 fail · black 7.34:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.67b26f-4ca2cd?a=90
- Colors: https://brandsweets.com/colors/67b26f, https://brandsweets.com/colors/4ca2cd

### Pacific Dream

- Slug: `pacific-dream` · Page: https://brandsweets.com/gradients/pacific-dream
- Stops: #34e89e, #0f3443 · angle 90° · source uigradients
- Families: green, blue · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #34e89e 0%, #0f3443 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#34e89e] to-[#0f3443]`
- Contrast (worst point): white 1.59:1 fail · black 1.59:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.34e89e-0f3443?a=90
- Colors: https://brandsweets.com/colors/34e89e, https://brandsweets.com/colors/0f3443

### Crystal Clear

- Slug: `crystal-clear` · Page: https://brandsweets.com/gradients/crystal-clear
- Stops: #159957, #155799 · angle 90° · source uigradients
- Families: green, blue · Moods: cool, jewel-tones, ocean
- CSS: `linear-gradient(90deg in oklab, #159957 0%, #155799 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#159957] to-[#155799]`
- Contrast (worst point): white 3.67:1 AA-large · black 2.85:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.159957-155799?a=90
- Colors: https://brandsweets.com/colors/159957, https://brandsweets.com/colors/155799

### Terminal

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

### Velvet Sun

- Slug: `velvet-sun` · Page: https://brandsweets.com/gradients/velvet-sun
- Stops: #e1eec3, #f05053 · angle 90° · source uigradients
- Families: green, red
- CSS: `linear-gradient(90deg in oklab, #e1eec3 0%, #f05053 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#e1eec3] to-[#f05053]`
- Contrast (worst point): white 1.22:1 fail · black 5.98:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.e1eec3-f05053?a=90
- Colors: https://brandsweets.com/colors/e1eec3, https://brandsweets.com/colors/f05053

### Rainbow Blue

- Slug: `rainbow-blue` · Page: https://brandsweets.com/gradients/rainbow-blue
- Stops: #00f260, #0575e6 · angle 90° · source uigradients
- Families: green, blue · Moods: cool, vivid, ocean, neon
- CSS: `linear-gradient(90deg in oklab, #00f260 0%, #0575e6 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00f260] to-[#0575e6]`
- Contrast (worst point): white 1.51:1 fail · black 4.69:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.00f260-0575e6?a=90
- Colors: https://brandsweets.com/colors/00f260, https://brandsweets.com/colors/0575e6

### Rastafari

- Slug: `rastafari` · Page: https://brandsweets.com/gradients/rastafari
- Stops: #1e9600, #fff200, #ff0000 · angle 90° · source uigradients
- Families: green, red · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #1e9600 0%, #fff200 50%, #ff0000 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#1e9600] via-[#fff200] to-[#ff0000]`
- Contrast (worst point): white 1.17:1 fail · black 5.25:1 AA · banding low
- Maker: https://brandsweets.com/gradients/new/v1.1e9600-fff200-ff0000?a=90
- Colors: https://brandsweets.com/colors/1e9600, https://brandsweets.com/colors/fff200, https://brandsweets.com/colors/ff0000

### Summer Dog

- Slug: `summer-dog` · Page: https://brandsweets.com/gradients/summer-dog
- Stops: #a8ff78, #78ffd6 · angle 90° · source uigradients
- Families: green, teal · Moods: cool, vivid, light
- CSS: `linear-gradient(90deg in oklab, #a8ff78 0%, #78ffd6 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#a8ff78] to-[#78ffd6]`
- Contrast (worst point): white 1.22:1 fail · black 17.07:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a8ff78-78ffd6?a=90
- Colors: https://brandsweets.com/colors/a8ff78, https://brandsweets.com/colors/78ffd6

### MegaTron

- Slug: `megatron` · Page: https://brandsweets.com/gradients/megatron
- Stops: #c6ffdd, #fbd786, #f7797d · angle 90° · source uigradients
- Families: green, red · Moods: light
- CSS: `linear-gradient(90deg in oklab, #c6ffdd 0%, #fbd786 50%, #f7797d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c6ffdd] via-[#fbd786] to-[#f7797d]`
- Contrast (worst point): white 1.12:1 fail · black 7.99:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c6ffdd-fbd786-f7797d?a=90
- Colors: https://brandsweets.com/colors/c6ffdd, https://brandsweets.com/colors/fbd786, https://brandsweets.com/colors/f7797d

### Electric Peacock

- Slug: `electric-peacock` · Page: https://brandsweets.com/gradients/electric-peacock
- Stops: #8a2be2, #0000cd, #228b22, #ccff00 · angle 90° · source uigradients
- Families: green, purple · Moods: cool, vivid
- CSS: `linear-gradient(90deg in oklab, #8a2be2 0%, #0000cd 33.33%, #228b22 66.67%, #ccff00 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#8a2be2_0%,#0000cd_33.33%,#228b22_66.67%,#ccff00_100%)]`
- Contrast (worst point): white 1.18:1 fail · black 1.88:1 fail · banding low
- Maker: https://brandsweets.com/gradients/new/v1.8a2be2-0000cd-228b22-ccff00?a=90
- Colors: https://brandsweets.com/colors/8a2be2, https://brandsweets.com/colors/0000cd, https://brandsweets.com/colors/228b22, https://brandsweets.com/colors/ccff00

### Space Light Green

- Slug: `space-light-green` · Page: https://brandsweets.com/gradients/space-light-green
- Stops: #9fa0a8, #5c7852 · angle 90° · source uigradients
- Families: green · Moods: cool, muted, forest
- CSS: `linear-gradient(90deg in oklab, #9fa0a8 0%, #5c7852 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#9fa0a8] to-[#5c7852]`
- Contrast (worst point): white 2.60:1 fail · black 4.26:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.9fa0a8-5c7852?a=90
- Colors: https://brandsweets.com/colors/9fa0a8, https://brandsweets.com/colors/5c7852

### Flower

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

### Ameena

- Slug: `ameena` · Page: https://brandsweets.com/gradients/ameena
- Stops: #0c0c6d, #de512b, #98d0c1, #5bb226, #023c0d · angle 90° · source uigradients
- Families: green, blue
- CSS: `linear-gradient(90deg in oklab, #0c0c6d 0%, #de512b 25%, #98d0c1 50%, #5bb226 75%, #023c0d 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#0c0c6d_0%,#de512b_25%,#98d0c1_50%,#5bb226_75%,#023c0d_100%)]`
- Contrast (worst point): white 1.73:1 fail · black 1.29:1 fail · banding low
- Maker: https://brandsweets.com/gradients/new/v1.0c0c6d-de512b-98d0c1-5bb226-023c0d?a=90
- Colors: https://brandsweets.com/colors/0c0c6d, https://brandsweets.com/colors/de512b, https://brandsweets.com/colors/98d0c1, https://brandsweets.com/colors/5bb226, https://brandsweets.com/colors/023c0d

### Neon Green

- Slug: `neon-green` · Page: https://brandsweets.com/gradients/neon-green
- Stops: #81ff8a, #64965e · angle 90° · source uigradients
- Families: green · Moods: cool, monochrome
- CSS: `linear-gradient(90deg in oklab, #81ff8a 0%, #64965e 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#81ff8a] to-[#64965e]`
- Contrast (worst point): white 1.26:1 fail · black 6.07:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.81ff8a-64965e?a=90
- Colors: https://brandsweets.com/colors/81ff8a, https://brandsweets.com/colors/64965e

### Dusty Grass

- Slug: `dusty-grass-2` · Page: https://brandsweets.com/gradients/dusty-grass-2
- Stops: #d4fc79, #96e6a1 · angle 90° · source uigradients
- Families: green · Moods: cool, light
- CSS: `linear-gradient(90deg in oklab, #d4fc79 0%, #96e6a1 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#d4fc79] to-[#96e6a1]`
- Contrast (worst point): white 1.17:1 fail · black 14.13:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d4fc79-96e6a1?a=90
- Colors: https://brandsweets.com/colors/d4fc79, https://brandsweets.com/colors/96e6a1

### Sharpeye Eagle

- Slug: `sharpeye-eagle` · Page: https://brandsweets.com/gradients/sharpeye-eagle
- Stops: #9890e3, #b1f4cf · angle 0° · source webgradients
- Families: purple, green · Moods: cool, calm
- CSS: `linear-gradient(0deg in oklab, #9890e3 0%, #b1f4cf 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#9890e3] to-[#b1f4cf]`
- Contrast (worst point): white 1.26:1 fail · black 7.43:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.9890e3-b1f4cf?a=0
- Colors: https://brandsweets.com/colors/9890e3, https://brandsweets.com/colors/b1f4cf

### Old Hat

- Slug: `old-hat` · Page: https://brandsweets.com/gradients/old-hat
- Stops: #e4afcb @0%, #b8cbb8 @0%, #e2c58b @30%, #c2ce9c @64%, #7edbdc @100% · angle 0° · source webgradients
- Families: pink, green, teal · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #e4afcb 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#e4afcb_0%,#b8cbb8_0%,#e2c58b_30%,#c2ce9c_64%,#7edbdc_100%)]`
- Contrast (worst point): white 1.60:1 fail · black 11.29:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.e4afcb_0-b8cbb8_0-e2c58b_30-c2ce9c_64-7edbdc_100?a=0
- Colors: https://brandsweets.com/colors/e4afcb, https://brandsweets.com/colors/b8cbb8, https://brandsweets.com/colors/e2c58b, https://brandsweets.com/colors/c2ce9c, https://brandsweets.com/colors/7edbdc

### Star Wine

- Slug: `star-wine` · Page: https://brandsweets.com/gradients/star-wine
- Stops: #b8cbb8 @0%, #b465da @0%, #cf6cc9 @33%, #ee609c @66%, #ee609c @100% · angle 0° · source webgradients
- Families: pink, purple, green
- CSS: `linear-gradient(0deg in oklab, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#b8cbb8_0%,#b465da_0%,#cf6cc9_33%,#ee609c_66%,#ee609c_100%)]`
- Contrast (worst point): white 1.71:1 fail · black 5.83:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b8cbb8_0-b465da_0-cf6cc9_33-ee609c_66-ee609c_100?a=0
- Colors: https://brandsweets.com/colors/b8cbb8, https://brandsweets.com/colors/b465da, https://brandsweets.com/colors/cf6cc9, https://brandsweets.com/colors/ee609c, https://brandsweets.com/colors/ee609c

### Alchemist Lab

- Slug: `alchemist-lab` · Page: https://brandsweets.com/gradients/alchemist-lab
- Stops: #d558c8, #24d292 · angle 340° · source webgradients
- Families: pink, green · Moods: vivid
- CSS: `linear-gradient(340deg in oklab, #d558c8 0%, #24d292 100%)`
- Tailwind: `bg-linear-340/oklab from-[#d558c8] to-[#24d292]`
- Contrast (worst point): white 1.96:1 fail · black 6.06:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d558c8-24d292?a=340
- Colors: https://brandsweets.com/colors/d558c8, https://brandsweets.com/colors/24d292

### Smiling Rain

- Slug: `smiling-rain` · Page: https://brandsweets.com/gradients/smiling-rain
- Stops: #dcb0ed, #99c99c · angle 340° · source webgradients
- Families: purple, green · Moods: cool, muted, light, pastel, calm
- CSS: `linear-gradient(340deg in oklab, #dcb0ed 0%, #99c99c 100%)`
- Tailwind: `bg-linear-340/oklab from-[#dcb0ed] to-[#99c99c]`
- Contrast (worst point): white 1.82:1 fail · black 11.15:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.dcb0ed-99c99c?a=340
- Colors: https://brandsweets.com/colors/dcb0ed, https://brandsweets.com/colors/99c99c

### Flying Lemon

- Slug: `flying-lemon` · Page: https://brandsweets.com/gradients/flying-lemon
- Stops: #64b3f4, #c2e59c · angle 60° · source webgradients
- Families: blue, green · Moods: cool, light, ocean
- CSS: `linear-gradient(60deg in oklab, #64b3f4 0%, #c2e59c 100%)`
- Tailwind: `bg-linear-60/oklab from-[#64b3f4] to-[#c2e59c]`
- Contrast (worst point): white 1.40:1 fail · black 9.30:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.64b3f4-c2e59c?a=60
- Colors: https://brandsweets.com/colors/64b3f4, https://brandsweets.com/colors/c2e59c

### Space Shift

- Slug: `space-shift` · Page: https://brandsweets.com/gradients/space-shift
- Stops: #3d3393 @0%, #2b76b9 @37%, #2cacd1 @65%, #35eb93 @100% · angle 60° · source webgradients
- Families: blue, green · Moods: cool, ocean
- CSS: `linear-gradient(60deg in oklab, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%)`
- Tailwind: `bg-[linear-gradient(60deg_in_oklab,#3d3393_0%,#2b76b9_37%,#2cacd1_65%,#35eb93_100%)]`
- Contrast (worst point): white 1.56:1 fail · black 2.09:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.3d3393_0-2b76b9_37-2cacd1_65-35eb93_100?a=60
- Colors: https://brandsweets.com/colors/3d3393, https://brandsweets.com/colors/2b76b9, https://brandsweets.com/colors/2cacd1, https://brandsweets.com/colors/35eb93

### Radioactive Heat

- Slug: `radioactive-heat` · Page: https://brandsweets.com/gradients/radioactive-heat
- Stops: #f7941e, #72c6ef, #00a651 · angle 90° · source uigradients
- Families: orange, green
- CSS: `linear-gradient(90deg in oklab, #f7941e 0%, #72c6ef 50%, #00a651 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f7941e] via-[#72c6ef] to-[#00a651]`
- Contrast (worst point): white 1.90:1 fail · black 6.57:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f7941e-72c6ef-00a651?a=90
- Colors: https://brandsweets.com/colors/f7941e, https://brandsweets.com/colors/72c6ef, https://brandsweets.com/colors/00a651

### 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

### Lunada

- Slug: `lunada` · Page: https://brandsweets.com/gradients/lunada
- Stops: #5433ff, #20bdff, #a5fecb · angle 90° · source uigradients
- Families: blue, green · Moods: cool, vivid, ocean
- CSS: `linear-gradient(90deg in oklab, #5433ff 0%, #20bdff 50%, #a5fecb 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#5433ff] via-[#20bdff] to-[#a5fecb]`
- Contrast (worst point): white 1.19:1 fail · black 3.29:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.5433ff-20bdff-a5fecb?a=90
- Colors: https://brandsweets.com/colors/5433ff, https://brandsweets.com/colors/20bdff, https://brandsweets.com/colors/a5fecb

### Royal Blue + Petrol

- Slug: `royal-blue-petrol` · Page: https://brandsweets.com/gradients/royal-blue-petrol
- Stops: #bbd2c5, #536976, #292e49 · angle 90° · source uigradients
- Families: blue, green · Moods: cool, muted
- CSS: `linear-gradient(90deg in oklab, #bbd2c5 0%, #536976 50%, #292e49 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#bbd2c5] via-[#536976] to-[#292e49]`
- Contrast (worst point): white 1.60:1 fail · black 1.58:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.bbd2c5-536976-292e49?a=90
- Colors: https://brandsweets.com/colors/bbd2c5, https://brandsweets.com/colors/536976, https://brandsweets.com/colors/292e49

### Sel

- Slug: `sel` · Page: https://brandsweets.com/gradients/sel
- Stops: #00467f, #a5cc82 · angle 90° · source uigradients
- Families: blue, green · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #00467f 0%, #a5cc82 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00467f] to-[#a5cc82]`
- Contrast (worst point): white 1.82:1 fail · black 2.18:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.00467f-a5cc82?a=90
- Colors: https://brandsweets.com/colors/00467f, https://brandsweets.com/colors/a5cc82

### 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

### Stripe

- Slug: `stripe` · Page: https://brandsweets.com/gradients/stripe
- Stops: #1fa2ff, #12d8fa, #a6ffcb · angle 90° · source uigradients
- Families: blue, green · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #1fa2ff 0%, #12d8fa 50%, #a6ffcb 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#1fa2ff] via-[#12d8fa] to-[#a6ffcb]`
- Contrast (worst point): white 1.18:1 fail · black 7.67:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.1fa2ff-12d8fa-a6ffcb?a=90
- Colors: https://brandsweets.com/colors/1fa2ff, https://brandsweets.com/colors/12d8fa, https://brandsweets.com/colors/a6ffcb

### Moss

- Slug: `moss` · Page: https://brandsweets.com/gradients/moss
- Stops: #134e5e, #71b280 · angle 90° · source uigradients
- Families: blue, green · Moods: cool, muted, ocean
- CSS: `linear-gradient(90deg in oklab, #134e5e 0%, #71b280 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#134e5e] to-[#71b280]`
- Contrast (worst point): white 2.50:1 fail · black 2.28:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.134e5e-71b280?a=90
- Colors: https://brandsweets.com/colors/134e5e, https://brandsweets.com/colors/71b280

### 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

### Candy

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

### 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

### Back To Earth

- Slug: `back-to-earth-ui` · Page: https://brandsweets.com/gradients/back-to-earth-ui
- Stops: #00c9ff, #92fe9d · angle 90° · source uigradients
- Families: blue, green · Moods: cool, light, ocean
- CSS: `linear-gradient(90deg in oklab, #00c9ff 0%, #92fe9d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00c9ff] to-[#92fe9d]`
- Contrast (worst point): white 1.24:1 fail · black 10.80:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.00c9ff-92fe9d?a=90
- Colors: https://brandsweets.com/colors/00c9ff, https://brandsweets.com/colors/92fe9d

### Forest

- Slug: `forest` · Page: https://brandsweets.com/gradients/forest
- Stops: #5a3f37, #2c7744 · angle 90° · source uigradients
- Families: red, green · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #5a3f37 0%, #2c7744 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#5a3f37] to-[#2c7744]`
- Contrast (worst point): white 5.48:1 AA · black 2.20:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.5a3f37-2c7744?a=90
- Colors: https://brandsweets.com/colors/5a3f37, https://brandsweets.com/colors/2c7744

### Shahabi

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

### Sherbert

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

### 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

### Under the Lake

- Slug: `under-the-lake` · Page: https://brandsweets.com/gradients/under-the-lake
- Stops: #093028, #237a57 · angle 90° · source uigradients
- Families: teal, green · Moods: cool, muted, forest
- CSS: `linear-gradient(90deg in oklab, #093028 0%, #237a57 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#093028] to-[#237a57]`
- Contrast (worst point): white 5.26:1 AA · black 1.47:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.093028-237a57?a=90
- Colors: https://brandsweets.com/colors/093028, https://brandsweets.com/colors/237a57

### Meridian

- Slug: `meridian` · Page: https://brandsweets.com/gradients/meridian
- Stops: #283c86, #45a247 · angle 90° · source uigradients
- Families: blue, green · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #283c86 0%, #45a247 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#283c86] to-[#45a247]`
- Contrast (worst point): white 3.22:1 AA-large · black 2.08:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.283c86-45a247?a=90
- Colors: https://brandsweets.com/colors/283c86, https://brandsweets.com/colors/45a247

### Ohhappiness

- Slug: `ohhappiness` · Page: https://brandsweets.com/gradients/ohhappiness
- Stops: #00b09b, #96c93d · angle 90° · source uigradients
- Families: teal, green · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #00b09b 0%, #96c93d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00b09b] to-[#96c93d]`
- Contrast (worst point): white 1.96:1 fail · black 7.68:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.00b09b-96c93d?a=90
- Colors: https://brandsweets.com/colors/00b09b, https://brandsweets.com/colors/96c93d

### Quepal

- Slug: `quepal` · Page: https://brandsweets.com/gradients/quepal
- Stops: #11998e, #38ef7d · angle 90° · source uigradients
- Families: teal, green · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #11998e 0%, #38ef7d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#11998e] to-[#38ef7d]`
- Contrast (worst point): white 1.52:1 fail · black 5.97:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.11998e-38ef7d?a=90
- Colors: https://brandsweets.com/colors/11998e, https://brandsweets.com/colors/38ef7d

### Magic

- Slug: `magic` · Page: https://brandsweets.com/gradients/magic
- Stops: #59c173, #a17fe0, #5d26c1 · angle 90° · source uigradients
- Families: purple, green · Moods: cool, vivid
- CSS: `linear-gradient(90deg in oklab, #59c173 0%, #a17fe0 50%, #5d26c1 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#59c173] via-[#a17fe0] to-[#5d26c1]`
- Contrast (worst point): white 2.26:1 fail · black 2.51:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.59c173-a17fe0-5d26c1?a=90
- Colors: https://brandsweets.com/colors/59c173, https://brandsweets.com/colors/a17fe0, https://brandsweets.com/colors/5d26c1

### Kyoo Pal

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

### Harvey

- Slug: `harvey` · Page: https://brandsweets.com/gradients/harvey
- Stops: #1f4037, #99f2c8 · angle 90° · source uigradients
- Families: teal, green · Moods: cool, muted, forest
- CSS: `linear-gradient(90deg in oklab, #1f4037 0%, #99f2c8 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#1f4037] to-[#99f2c8]`
- Contrast (worst point): white 1.32:1 fail · black 1.85:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.1f4037-99f2c8?a=90
- Colors: https://brandsweets.com/colors/1f4037, https://brandsweets.com/colors/99f2c8

### Under Blue Green

- Slug: `under-blue-green` · Page: https://brandsweets.com/gradients/under-blue-green
- Stops: #051937, #004d7a, #008793, #00bf72, #a8eb12 · angle 90° · source uigradients
- Families: blue, green · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #051937 0%, #004d7a 25%, #008793 50%, #00bf72 75%, #a8eb12 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#051937_0%,#004d7a_25%,#008793_50%,#00bf72_75%,#a8eb12_100%)]`
- Contrast (worst point): white 1.44:1 fail · black 1.20:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.051937-004d7a-008793-00bf72-a8eb12?a=90
- Colors: https://brandsweets.com/colors/051937, https://brandsweets.com/colors/004d7a, https://brandsweets.com/colors/008793, https://brandsweets.com/colors/00bf72, https://brandsweets.com/colors/a8eb12

### Mango Papaya

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

### Emerald Sea

- Slug: `emerald-sea` · Page: https://brandsweets.com/gradients/emerald-sea
- Stops: #05386b, #5cdb95 · angle 90° · source uigradients
- Families: blue, green · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #05386b 0%, #5cdb95 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#05386b] to-[#5cdb95]`
- Contrast (worst point): white 1.75:1 fail · black 1.78:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.05386b-5cdb95?a=90
- Colors: https://brandsweets.com/colors/05386b, https://brandsweets.com/colors/5cdb95

### Compass

- Slug: `compass` · Page: https://brandsweets.com/gradients/compass
- Stops: #516b8b, #056b3b · angle 90° · source uigradients
- Families: blue, green · Moods: cool, muted, ocean
- CSS: `linear-gradient(90deg in oklab, #516b8b 0%, #056b3b 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#516b8b] to-[#056b3b]`
- Contrast (worst point): white 5.49:1 AA · black 3.17:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.516b8b-056b3b?a=90
- Colors: https://brandsweets.com/colors/516b8b, https://brandsweets.com/colors/056b3b

## 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.