# Warm gradients

Looking for a warm gradient? These 121 are the corpus entries whose stops actually read that way — reds, oranges, yellows and pinks only — no cool stop to grey the midpoint — tagged by measuring the stops in OKLCH, not by name. Every one renders in OKLab, ships its CSS and Tailwind v4, and carries the contrast verdict for both inks.

- Page: https://brandsweets.com/gradients/mood/warm
- Count: 121

## Gradients

### Warm Flame

- Slug: `warm-flame` · Page: https://brandsweets.com/gradients/warm-flame
- Stops: #ff9a9e @0%, #fad0c4 @99%, #fad0c4 @100% · angle 45° · source webgradients
- Families: red · Moods: warm, muted, light, pastel, monochrome, calm
- CSS: `linear-gradient(45deg in oklab, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#ff9a9e] via-[#fad0c4] via-99% to-[#fad0c4]`
- Contrast (worst point): white 1.41:1 fail · black 10.37:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ff9a9e_0-fad0c4_99-fad0c4_100?a=45
- Colors: https://brandsweets.com/colors/ff9a9e, https://brandsweets.com/colors/fad0c4, https://brandsweets.com/colors/fad0c4

### Juicy Peach

- Slug: `juicy-peach` · Page: https://brandsweets.com/gradients/juicy-peach
- Stops: #ffecd2, #fcb69f · angle 90° · source webgradients
- Families: red, orange · Moods: warm, muted, light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #ffecd2 0%, #fcb69f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ffecd2] to-[#fcb69f]`
- Contrast (worst point): white 1.16:1 fail · black 12.33:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ffecd2-fcb69f?a=90
- Colors: https://brandsweets.com/colors/ffecd2, https://brandsweets.com/colors/fcb69f

### Young Passion

- Slug: `young-passion` · Page: https://brandsweets.com/gradients/young-passion
- Stops: #ff8177 @0%, #ff867a @0%, #ff8c7f @21%, #f99185 @52%, #cf556c @78%, #b12a5b @100% · angle 90° · source webgradients
- Families: red, pink · Moods: warm, sunset
- CSS: `linear-gradient(90deg in oklab, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#ff8177_0%,#ff867a_0%,#ff8c7f_21%,#f99185_52%,#cf556c_78%,#b12a5b_100%)]`
- Contrast (worst point): white 2.22:1 fail · black 3.35:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ff8177_0-ff867a_0-ff8c7f_21-f99185_52-cf556c_78-b12a5b_100?a=90
- Colors: https://brandsweets.com/colors/ff8177, https://brandsweets.com/colors/ff867a, https://brandsweets.com/colors/ff8c7f, https://brandsweets.com/colors/f99185, https://brandsweets.com/colors/cf556c, https://brandsweets.com/colors/b12a5b

### Lady Lips

- Slug: `lady-lips` · Page: https://brandsweets.com/gradients/lady-lips
- Stops: #ff9a9e @0%, #fecfef @99%, #fecfef @100% · angle 0° · source webgradients
- Families: pink, red · Moods: warm, muted, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #ff9a9e 0%, #fecfef 99%, #fecfef 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#ff9a9e] via-[#fecfef] via-99% to-[#fecfef]`
- Contrast (worst point): white 1.36:1 fail · black 10.37:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ff9a9e_0-fecfef_99-fecfef_100?a=0
- Colors: https://brandsweets.com/colors/ff9a9e, https://brandsweets.com/colors/fecfef, https://brandsweets.com/colors/fecfef

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

### Frozen Dreams

- Slug: `frozen-dreams` · Page: https://brandsweets.com/gradients/frozen-dreams
- Stops: #fdcbf1 @0%, #fdcbf1 @1%, #e6dee9 @100% · angle 0° · source webgradients
- Families: pink · Moods: warm, muted, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#fdcbf1] via-[#fdcbf1] via-1% to-[#e6dee9]`
- Contrast (worst point): white 1.31:1 fail · black 14.95:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fdcbf1_0-fdcbf1_1-e6dee9_100?a=0
- Colors: https://brandsweets.com/colors/fdcbf1, https://brandsweets.com/colors/fdcbf1, https://brandsweets.com/colors/e6dee9

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

### Everlasting Sky

- Slug: `everlasting-sky` · Page: https://brandsweets.com/gradients/everlasting-sky
- Stops: #fdfcfb, #e2d1c3 · angle 135° · source webgradients
- Families: orange · Moods: warm, muted, light, calm
- CSS: `linear-gradient(135deg in oklab, #fdfcfb 0%, #e2d1c3 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#fdfcfb] to-[#e2d1c3]`
- Contrast (worst point): white 1.02:1 fail · black 14.14:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fdfcfb-e2d1c3?a=135
- Colors: https://brandsweets.com/colors/fdfcfb, https://brandsweets.com/colors/e2d1c3

### Strong Bliss

- Slug: `strong-bliss` · Page: https://brandsweets.com/gradients/strong-bliss
- Stops: #f78ca0 @0%, #f9748f @19%, #fd868c @60% · angle 0° · source webgradients
- Families: red, pink · Moods: warm, light, sunset
- CSS: `linear-gradient(0deg in oklab, #f78ca0 0%, #f9748f 19%, #fd868c 60%)`
- Tailwind: `bg-linear-to-t/oklab from-[#f78ca0] via-[#f9748f] via-19% to-[#fd868c] to-60%`
- Contrast (worst point): white 2.28:1 fail · black 7.92:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f78ca0_0-f9748f_19-fd868c_60?a=0
- Colors: https://brandsweets.com/colors/f78ca0, https://brandsweets.com/colors/f9748f, https://brandsweets.com/colors/fd868c

### Fresh Milk

- Slug: `fresh-milk` · Page: https://brandsweets.com/gradients/fresh-milk
- Stops: #feada6, #f5efef · angle 0° · source webgradients
- Families: red · Moods: warm, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #feada6 0%, #f5efef 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#feada6] to-[#f5efef]`
- Contrast (worst point): white 1.14:1 fail · black 11.74:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.feada6-f5efef?a=0
- Colors: https://brandsweets.com/colors/feada6, https://brandsweets.com/colors/f5efef

### Love Kiss

- Slug: `love-kiss` · Page: https://brandsweets.com/gradients/love-kiss
- Stops: #ff0844, #ffb199 · angle 0° · source webgradients
- Families: red · Moods: warm, vivid, monochrome
- CSS: `linear-gradient(0deg in oklab, #ff0844 0%, #ffb199 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#ff0844] to-[#ffb199]`
- Contrast (worst point): white 1.75:1 fail · black 5.37:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ff0844-ffb199?a=0
- Colors: https://brandsweets.com/colors/ff0844, https://brandsweets.com/colors/ffb199

### Passionate Bed

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

### Desert Hump

- Slug: `desert-hump` · Page: https://brandsweets.com/gradients/desert-hump
- Stops: #c79081, #dfa579 · angle 0° · source webgradients
- Families: red, orange · Moods: warm, muted, calm
- CSS: `linear-gradient(0deg in oklab, #c79081 0%, #dfa579 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#c79081] to-[#dfa579]`
- Contrast (worst point): white 2.14:1 fail · black 7.74:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c79081-dfa579?a=0
- Colors: https://brandsweets.com/colors/c79081, https://brandsweets.com/colors/dfa579

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

### Big Mango

- Slug: `big-mango` · Page: https://brandsweets.com/gradients/big-mango
- Stops: #c71d6f, #d09693 · angle 0° · source webgradients
- Families: pink, red · Moods: warm, sunset
- CSS: `linear-gradient(0deg in oklab, #c71d6f 0%, #d09693 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#c71d6f] to-[#d09693]`
- Contrast (worst point): white 2.48:1 fail · black 3.83:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c71d6f-d09693?a=0
- Colors: https://brandsweets.com/colors/c71d6f, https://brandsweets.com/colors/d09693

### Amour Amour

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

### Happy Memories

- Slug: `happy-memories` · Page: https://brandsweets.com/gradients/happy-memories
- Stops: #ff5858, #f09819 · angle 300° · source webgradients
- Families: red, orange · Moods: warm, vivid, sunset
- CSS: `linear-gradient(300deg in oklab, #ff5858 0%, #f09819 100%)`
- Tailwind: `bg-linear-300/oklab from-[#ff5858] to-[#f09819]`
- Contrast (worst point): white 2.28:1 fail · black 6.79:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ff5858-f09819?a=300
- Colors: https://brandsweets.com/colors/ff5858, https://brandsweets.com/colors/f09819

### Child Care

- Slug: `child-care` · Page: https://brandsweets.com/gradients/child-care
- Stops: #f794a4, #fdd6bd · angle 340° · source webgradients
- Families: pink, orange · Moods: warm, muted, light, calm
- CSS: `linear-gradient(340deg in oklab, #f794a4 0%, #fdd6bd 100%)`
- Tailwind: `bg-linear-340/oklab from-[#f794a4] to-[#fdd6bd]`
- Contrast (worst point): white 1.35:1 fail · black 9.73:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f794a4-fdd6bd?a=340
- Colors: https://brandsweets.com/colors/f794a4, https://brandsweets.com/colors/fdd6bd

### Nega

- Slug: `nega` · Page: https://brandsweets.com/gradients/nega
- Stops: #ee9ca7, #ffdde1 · angle 45° · source webgradients
- Families: pink · Moods: warm, muted, light, monochrome, calm
- CSS: `linear-gradient(45deg in oklab, #ee9ca7 0%, #ffdde1 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#ee9ca7] to-[#ffdde1]`
- Contrast (worst point): white 1.26:1 fail · black 9.95:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ee9ca7-ffdde1?a=45
- Colors: https://brandsweets.com/colors/ee9ca7, https://brandsweets.com/colors/ffdde1

### Cheerful Caramel

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

### Colorful Peach

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

### Gentle Care

- Slug: `gentle-care` · Page: https://brandsweets.com/gradients/gentle-care
- Stops: #ffc3a0, #ffafbd · angle 0° · source webgradients
- Families: orange, pink · Moods: warm, muted, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #ffc3a0 0%, #ffafbd 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#ffc3a0] to-[#ffafbd]`
- Contrast (worst point): white 1.55:1 fail · black 12.11:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ffc3a0-ffafbd?a=0
- Colors: https://brandsweets.com/colors/ffc3a0, https://brandsweets.com/colors/ffafbd

### Orange Juice

- Slug: `orange-juice` · Page: https://brandsweets.com/gradients/orange-juice
- Stops: #fc6076, #ff9a44 · angle 340° · source webgradients
- Families: red, orange · Moods: warm, vivid, sunset
- CSS: `linear-gradient(340deg in oklab, #fc6076 0%, #ff9a44 100%)`
- Tailwind: `bg-linear-340/oklab from-[#fc6076] to-[#ff9a44]`
- Contrast (worst point): white 2.11:1 fail · black 7.07:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fc6076-ff9a44?a=340
- Colors: https://brandsweets.com/colors/fc6076, https://brandsweets.com/colors/ff9a44

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

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

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

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

### Purple

- Slug: `purple-ui` · Page: https://brandsweets.com/gradients/purple-ui
- Stops: #c84e89, #f15f79 · angle 90° · source uigradients
- Families: pink · Moods: warm, vivid, monochrome
- CSS: `linear-gradient(90deg in oklab, #c84e89 0%, #f15f79 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c84e89] to-[#f15f79]`
- Contrast (worst point): white 3.16:1 AA-large · black 4.91:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c84e89-f15f79?a=90
- Colors: https://brandsweets.com/colors/c84e89, https://brandsweets.com/colors/f15f79

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

### Copper

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

### DIMIGO

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

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

### YouTube

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

### Cool Brown

- Slug: `cool-brown` · Page: https://brandsweets.com/gradients/cool-brown
- Stops: #603813, #b29f94 · angle 90° · source uigradients
- Families: orange · Moods: warm, muted, monochrome
- CSS: `linear-gradient(90deg in oklab, #603813 0%, #b29f94 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#603813] to-[#b29f94]`
- Contrast (worst point): white 2.54:1 fail · black 2.07:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.603813-b29f94?a=90
- Colors: https://brandsweets.com/colors/603813, https://brandsweets.com/colors/b29f94

### Playing with Reds

- Slug: `playing-with-reds` · Page: https://brandsweets.com/gradients/playing-with-reds
- Stops: #d31027, #ea384d · angle 90° · source uigradients
- Families: red · Moods: warm, vivid, monochrome, jewel-tones, neon
- CSS: `linear-gradient(90deg in oklab, #d31027 0%, #ea384d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#d31027] to-[#ea384d]`
- Contrast (worst point): white 4.06:1 AA-large · black 3.87:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d31027-ea384d?a=90
- Colors: https://brandsweets.com/colors/d31027, https://brandsweets.com/colors/ea384d

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

### Bloody Mary

- Slug: `bloody-mary` · Page: https://brandsweets.com/gradients/bloody-mary
- Stops: #ff512f, #dd2476 · angle 90° · source uigradients
- Families: red, pink · Moods: warm, vivid, sunset, neon
- CSS: `linear-gradient(90deg in oklab, #ff512f 0%, #dd2476 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ff512f] to-[#dd2476]`
- Contrast (worst point): white 3.24:1 AA-large · black 4.59:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ff512f-dd2476?a=90
- Colors: https://brandsweets.com/colors/ff512f, https://brandsweets.com/colors/dd2476

### Sunrise

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

### Pinky

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

### Cherry

- Slug: `cherry` · Page: https://brandsweets.com/gradients/cherry
- Stops: #eb3349, #f45c43 · angle 90° · source uigradients
- Families: red · Moods: warm, vivid, monochrome, neon
- CSS: `linear-gradient(90deg in oklab, #eb3349 0%, #f45c43 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#eb3349] to-[#f45c43]`
- Contrast (worst point): white 3.25:1 AA-large · black 5.10:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.eb3349-f45c43?a=90
- Colors: https://brandsweets.com/colors/eb3349, https://brandsweets.com/colors/f45c43

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

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

### Bourbon

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

### Shrimpy

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

### Day Tripper

- Slug: `day-tripper` · Page: https://brandsweets.com/gradients/day-tripper
- Stops: #f857a6, #ff5858 · angle 90° · source uigradients
- Families: pink, red · Moods: warm, vivid, sunset, neon
- CSS: `linear-gradient(90deg in oklab, #f857a6 0%, #ff5858 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f857a6] to-[#ff5858]`
- Contrast (worst point): white 3.03:1 AA-large · black 6.77:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f857a6-ff5858?a=90
- Colors: https://brandsweets.com/colors/f857a6, https://brandsweets.com/colors/ff5858

### Namn

- Slug: `namn` · Page: https://brandsweets.com/gradients/namn
- Stops: #a73737, #7a2828 · angle 90° · source uigradients
- Families: red · Moods: warm, monochrome, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #a73737 0%, #7a2828 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#a73737] to-[#7a2828]`
- Contrast (worst point): white 6.47:1 AA · black 2.16:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a73737-7a2828?a=90
- Colors: https://brandsweets.com/colors/a73737, https://brandsweets.com/colors/7a2828

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

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

### A Lost Memory

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

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

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

### Nelson

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

### The Strain

- Slug: `the-strain` · Page: https://brandsweets.com/gradients/the-strain
- Stops: #870000, #190a05 · angle 90° · source uigradients
- Families: red · Moods: warm, dark, monochrome
- CSS: `linear-gradient(90deg in oklab, #870000 0%, #190a05 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#870000] to-[#190a05]`
- Contrast (worst point): white 10.34:1 AA · black 1.09:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.870000-190a05?a=90
- Colors: https://brandsweets.com/colors/870000, https://brandsweets.com/colors/190a05

### Cherryblossoms

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

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

### Starfall

- Slug: `starfall` · Page: https://brandsweets.com/gradients/starfall
- Stops: #f0c27b, #4b1248 · angle 90° · source uigradients
- Families: orange, pink · Moods: warm, sunset
- CSS: `linear-gradient(90deg in oklab, #f0c27b 0%, #4b1248 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f0c27b] to-[#4b1248]`
- Contrast (worst point): white 1.65:1 fail · black 1.48:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f0c27b-4b1248?a=90
- Colors: https://brandsweets.com/colors/f0c27b, https://brandsweets.com/colors/4b1248

### Red Mist

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

### SoundCloud

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

### Crazy Orange I

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

### Hersheys

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

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

### Flickr

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

### Koko Caramel

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

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

### Piglet

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

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

### Passion

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

### Master Card

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

### Netflix

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

### Light Orange

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

### Poncho

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

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

### Blush

- Slug: `blush` · Page: https://brandsweets.com/gradients/blush
- Stops: #b24592, #f15f79 · angle 90° · source uigradients
- Families: pink · Moods: warm, vivid
- CSS: `linear-gradient(90deg in oklab, #b24592 0%, #f15f79 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#b24592] to-[#f15f79]`
- Contrast (worst point): white 3.16:1 AA-large · black 4.16:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b24592-f15f79?a=90
- Colors: https://brandsweets.com/colors/b24592, https://brandsweets.com/colors/f15f79

### Pale Wood

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

### Haikus

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

### Purple White

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

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

### Tranquil

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

### Sylvia

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

### Sweet Morning

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

### Minimal Red

- Slug: `minimal-red` · Page: https://brandsweets.com/gradients/minimal-red
- Stops: #f00000, #dc281e · angle 90° · source uigradients
- Families: red · Moods: warm, vivid, monochrome, jewel-tones, neon
- CSS: `linear-gradient(90deg in oklab, #f00000 0%, #dc281e 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f00000] to-[#dc281e]`
- Contrast (worst point): white 4.46:1 AA-large · black 4.37:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f00000-dc281e?a=90
- Colors: https://brandsweets.com/colors/f00000, https://brandsweets.com/colors/dc281e

### Firewatch

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

### Blood Red

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

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

### Ed's Sunset Gradient

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

### Ibiza Sunset

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

### Roseanna

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

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

### Sha la la

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

### Html

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

### Coal

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

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

### Compare Now

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

### Alive

- Slug: `alive` · Page: https://brandsweets.com/gradients/alive
- Stops: #cb356b, #bd3f32 · angle 90° · source uigradients
- Families: pink, red · Moods: warm, vivid, jewel-tones, sunset
- CSS: `linear-gradient(90deg in oklab, #cb356b 0%, #bd3f32 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#cb356b] to-[#bd3f32]`
- Contrast (worst point): white 4.93:1 AA · black 3.92:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cb356b-bd3f32?a=90
- Colors: https://brandsweets.com/colors/cb356b, https://brandsweets.com/colors/bd3f32

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

### Orange Coral

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

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

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

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

### Shifter

- Slug: `shifter` · Page: https://brandsweets.com/gradients/shifter
- Stops: #bc4e9c, #f80759 · angle 90° · source uigradients
- Families: pink · Moods: warm, vivid, neon
- CSS: `linear-gradient(90deg in oklab, #bc4e9c 0%, #f80759 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#bc4e9c] to-[#f80759]`
- Contrast (worst point): white 4.05:1 AA-large · black 4.71:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.bc4e9c-f80759?a=90
- Colors: https://brandsweets.com/colors/bc4e9c, https://brandsweets.com/colors/f80759

### Pure Lust

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

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

### Vanusa

- Slug: `vanusa` · Page: https://brandsweets.com/gradients/vanusa
- Stops: #da4453, #89216b · angle 90° · source uigradients
- Families: red, pink · Moods: warm, vivid, jewel-tones, sunset
- CSS: `linear-gradient(90deg in oklab, #da4453 0%, #89216b 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#da4453] to-[#89216b]`
- Contrast (worst point): white 4.26:1 AA-large · black 2.49:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.da4453-89216b?a=90
- Colors: https://brandsweets.com/colors/da4453, https://brandsweets.com/colors/89216b

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

### Sin City Red

- Slug: `sin-city-red` · Page: https://brandsweets.com/gradients/sin-city-red
- Stops: #ed213a, #93291e · angle 90° · source uigradients
- Families: red · Moods: warm, vivid, monochrome, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #ed213a 0%, #93291e 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ed213a] to-[#93291e]`
- Contrast (worst point): white 4.30:1 AA-large · black 2.58:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ed213a-93291e?a=90
- Colors: https://brandsweets.com/colors/ed213a, https://brandsweets.com/colors/93291e

### Burning Orange

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

### Flare

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

### Neuromancer

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

### Yoda

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

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

### Winter Woods

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

### Coffee Gold

- Slug: `coffee-gold` · Page: https://brandsweets.com/gradients/coffee-gold
- Stops: #554023, #c99846 · angle 90° · source uigradients
- Families: orange · Moods: warm, muted, monochrome
- CSS: `linear-gradient(90deg in oklab, #554023 0%, #c99846 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#554023] to-[#c99846]`
- Contrast (worst point): white 2.60:1 fail · black 2.14:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.554023-c99846?a=90
- Colors: https://brandsweets.com/colors/554023, https://brandsweets.com/colors/c99846

### Andreuzza's

- Slug: `andreuzza-s` · Page: https://brandsweets.com/gradients/andreuzza-s
- Stops: #d70652, #ff025e · angle 90° · source uigradients
- Families: pink · Moods: warm, vivid, monochrome, neon
- CSS: `linear-gradient(90deg in oklab, #d70652 0%, #ff025e 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#d70652] to-[#ff025e]`
- Contrast (worst point): white 3.87:1 AA-large · black 4.04:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d70652-ff025e?a=90
- Colors: https://brandsweets.com/colors/d70652, https://brandsweets.com/colors/ff025e

### Whinehouse

- Slug: `whinehouse` · Page: https://brandsweets.com/gradients/whinehouse
- Stops: #f7f7f7, #b9a0a0, #794747, #4e2020, #111111 · angle 90° · source uigradients
- Families: red · Moods: warm, muted
- CSS: `linear-gradient(90deg in oklab, #f7f7f7 0%, #b9a0a0 25%, #794747 50%, #4e2020 75%, #111111 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#f7f7f7_0%,#b9a0a0_25%,#794747_50%,#4e2020_75%,#111111_100%)]`
- Contrast (worst point): white 1.07:1 fail · black 1.11:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f7f7f7-b9a0a0-794747-4e2020-111111?a=90
- Colors: https://brandsweets.com/colors/f7f7f7, https://brandsweets.com/colors/b9a0a0, https://brandsweets.com/colors/794747, https://brandsweets.com/colors/4e2020, https://brandsweets.com/colors/111111

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