# Sunset gradients

Looking for a sunset gradient? These 62 are the corpus entries whose stops actually read that way — orange or red into a second warm hue — pink, purple, yellow or each other; never one red end to end — 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/sunset
- Count: 62

## Gradients

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

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

### Mean Fruit

- Slug: `mean-fruit` · Page: https://brandsweets.com/gradients/mean-fruit
- Stops: #fccb90, #d57eeb · angle 120° · source webgradients
- Families: orange, purple · Moods: light, sunset
- CSS: `linear-gradient(120deg in oklab, #fccb90 0%, #d57eeb 100%)`
- Tailwind: `bg-linear-120/oklab from-[#fccb90] to-[#d57eeb]`
- Contrast (worst point): white 1.49:1 fail · black 8.01:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fccb90-d57eeb?a=120
- Colors: https://brandsweets.com/colors/fccb90, https://brandsweets.com/colors/d57eeb

### Ripe Malinka

- Slug: `ripe-malinka` · Page: https://brandsweets.com/gradients/ripe-malinka
- Stops: #f093fb, #f5576c · angle 120° · source webgradients
- Families: purple, red · Moods: vivid, sunset
- CSS: `linear-gradient(120deg in oklab, #f093fb 0%, #f5576c 100%)`
- Tailwind: `bg-linear-120/oklab from-[#f093fb] to-[#f5576c]`
- Contrast (worst point): white 2.04:1 fail · black 6.46:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f093fb-f5576c?a=120
- Colors: https://brandsweets.com/colors/f093fb, https://brandsweets.com/colors/f5576c

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

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

### Le Cocktail

- Slug: `le-cocktail` · Page: https://brandsweets.com/gradients/le-cocktail
- Stops: #874da2, #c43a30 · angle 45° · source webgradients
- Families: red, purple · Moods: jewel-tones, sunset
- CSS: `linear-gradient(45deg in oklab, #874da2 0%, #c43a30 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#874da2] to-[#c43a30]`
- Contrast (worst point): white 5.25:1 AA · black 3.61:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.874da2-c43a30?a=45
- Colors: https://brandsweets.com/colors/874da2, https://brandsweets.com/colors/c43a30

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

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

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

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

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

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

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

### Influenza

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

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

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

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

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

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

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

### Instagram

- Slug: `instagram` · Page: https://brandsweets.com/gradients/instagram
- Stops: #833ab4, #fd1d1d, #fcb045 · angle 90° · source uigradients
- Families: purple, orange · Moods: vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #833ab4 0%, #fd1d1d 50%, #fcb045 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#833ab4] via-[#fd1d1d] to-[#fcb045]`
- Contrast (worst point): white 1.84:1 fail · black 3.23:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.833ab4-fd1d1d-fcb045?a=90
- Colors: https://brandsweets.com/colors/833ab4, https://brandsweets.com/colors/fd1d1d, https://brandsweets.com/colors/fcb045

### Virgin America

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

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

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

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

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

### Grapefruit Sunset

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

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

### Radar

- Slug: `radar` · Page: https://brandsweets.com/gradients/radar
- Stops: #a770ef, #cf8bf3, #fdb99b · angle 90° · source uigradients
- Families: purple, red · Moods: sunset
- CSS: `linear-gradient(90deg in oklab, #a770ef 0%, #cf8bf3 50%, #fdb99b 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#a770ef] via-[#cf8bf3] to-[#fdb99b]`
- Contrast (worst point): white 1.67:1 fail · black 6.21:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a770ef-cf8bf3-fdb99b?a=90
- Colors: https://brandsweets.com/colors/a770ef, https://brandsweets.com/colors/cf8bf3, https://brandsweets.com/colors/fdb99b

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

### Love and Liberty

- Slug: `love-and-liberty` · Page: https://brandsweets.com/gradients/love-and-liberty
- Stops: #200122, #6f0000 · angle 90° · source uigradients
- Families: purple, red · Moods: dark, sunset
- CSS: `linear-gradient(90deg in oklab, #200122 0%, #6f0000 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#200122] to-[#6f0000]`
- Contrast (worst point): white 12.53:1 AA · black 1.09:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.200122-6f0000?a=90
- Colors: https://brandsweets.com/colors/200122, https://brandsweets.com/colors/6f0000

### Learning and Leading

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

### Sunkist

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

### Mello

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

### Relay

- Slug: `relay` · Page: https://brandsweets.com/gradients/relay
- Stops: #3a1c71, #d76d77, #ffaf7b · angle 90° · source uigradients
- Families: purple, orange · Moods: sunset
- CSS: `linear-gradient(90deg in oklab, #3a1c71 0%, #d76d77 50%, #ffaf7b 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#3a1c71] via-[#d76d77] to-[#ffaf7b]`
- Contrast (worst point): white 1.80:1 fail · black 1.58:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.3a1c71-d76d77-ffaf7b?a=90
- Colors: https://brandsweets.com/colors/3a1c71, https://brandsweets.com/colors/d76d77, https://brandsweets.com/colors/ffaf7b

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

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

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

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

### Taran Tado

- Slug: `taran-tado` · Page: https://brandsweets.com/gradients/taran-tado
- Stops: #23074d, #cc5333 · angle 90° · source uigradients
- Families: purple, red · Moods: sunset
- CSS: `linear-gradient(90deg in oklab, #23074d 0%, #cc5333 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#23074d] to-[#cc5333]`
- Contrast (worst point): white 4.33:1 AA-large · black 1.21:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.23074d-cc5333?a=90
- Colors: https://brandsweets.com/colors/23074d, https://brandsweets.com/colors/cc5333

### Bighead

- Slug: `bighead` · Page: https://brandsweets.com/gradients/bighead
- Stops: #c94b4b, #4b134f · angle 90° · source uigradients
- Families: red, purple · Moods: jewel-tones, sunset
- CSS: `linear-gradient(90deg in oklab, #c94b4b 0%, #4b134f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c94b4b] to-[#4b134f]`
- Contrast (worst point): white 4.57:1 AA · black 1.50:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.c94b4b-4b134f?a=90
- Colors: https://brandsweets.com/colors/c94b4b, https://brandsweets.com/colors/4b134f

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

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

### Wiretap

- Slug: `wiretap` · Page: https://brandsweets.com/gradients/wiretap
- Stops: #8a2387, #e94057, #f27121 · angle 90° · source uigradients
- Families: purple, orange · Moods: vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #8a2387 0%, #e94057 50%, #f27121 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#8a2387] via-[#e94057] to-[#f27121]`
- Contrast (worst point): white 2.93:1 fail · black 2.67:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.8a2387-e94057-f27121?a=90
- Colors: https://brandsweets.com/colors/8a2387, https://brandsweets.com/colors/e94057, https://brandsweets.com/colors/f27121

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

### Witching Hour

- Slug: `witching-hour` · Page: https://brandsweets.com/gradients/witching-hour
- Stops: #c31432, #240b36 · angle 90° · source uigradients
- Families: red, purple · Moods: sunset
- CSS: `linear-gradient(90deg in oklab, #c31432 0%, #240b36 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c31432] to-[#240b36]`
- Contrast (worst point): white 6.06:1 AA · black 1.18:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.c31432-240b36?a=90
- Colors: https://brandsweets.com/colors/c31432, https://brandsweets.com/colors/240b36

### Newspaper

- Slug: `newspaper` · Page: https://brandsweets.com/gradients/newspaper
- Stops: #8a2be2, #ffa500, #f8f8ff · angle 90° · source uigradients
- Families: purple · Moods: vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #8a2be2 0%, #ffa500 50%, #f8f8ff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#8a2be2] via-[#ffa500] to-[#f8f8ff]`
- Contrast (worst point): white 1.06:1 fail · black 3.52:1 AA-large · banding low
- Maker: https://brandsweets.com/gradients/new/v1.8a2be2-ffa500-f8f8ff?a=90
- Colors: https://brandsweets.com/colors/8a2be2, https://brandsweets.com/colors/ffa500, https://brandsweets.com/colors/f8f8ff

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

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