# Red gradients

116 named red gradients from the two open corpora we bundle (uiGradients and WebGradients, both MIT) — coral into crimson, scarlet into wine — the hue that reads as heat, so the midpoint matters most: in sRGB two reds through orange go brown; in OKLab they stay red. Each has its own page with the CSS and Tailwind v4 to copy, a worst-case contrast verdict for white and black text, and an "open in the maker" link that carries the whole gradient in the URL.

- Page: https://brandsweets.com/gradients/red
- Count: 116

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

### Spring Warmth

- Slug: `spring-warmth` · Page: https://brandsweets.com/gradients/spring-warmth
- Stops: #fad0c4 @0%, #fad0c4 @1%, #ffd1ff @100% · angle 0° · source webgradients
- Families: red, purple · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #fad0c4 0%, #fad0c4 1%, #ffd1ff 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#fad0c4] via-[#fad0c4] via-1% to-[#ffd1ff]`
- Contrast (worst point): white 1.33:1 fail · black 14.88:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fad0c4_0-fad0c4_1-ffd1ff_100?a=0
- Colors: https://brandsweets.com/colors/fad0c4, https://brandsweets.com/colors/fad0c4, https://brandsweets.com/colors/ffd1ff

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

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

### Awesome Pine

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

### Shy Rainbow

- Slug: `shy-rainbow` · Page: https://brandsweets.com/gradients/shy-rainbow
- Stops: #eea2a2 @0%, #bbc1bf @19%, #57c6e1 @42% · angle 0° · source webgradients
- Families: red, blue · Moods: light, calm
- CSS: `linear-gradient(0deg in oklab, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%)`
- Tailwind: `bg-linear-to-t/oklab from-[#eea2a2] via-[#bbc1bf] via-19% to-[#57c6e1] to-42%`
- Contrast (worst point): white 1.83:1 fail · black 10.32:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.eea2a2_0-bbc1bf_19-57c6e1_42?a=0
- Colors: https://brandsweets.com/colors/eea2a2, https://brandsweets.com/colors/bbc1bf, https://brandsweets.com/colors/57c6e1

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

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

### Japan Blush

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

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

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

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

### Noon to Dusk

- Slug: `noon-to-dusk-ui` · Page: https://brandsweets.com/gradients/noon-to-dusk-ui
- Stops: #ff6e7f, #bfe9ff · angle 90° · source uigradients
- Families: red, blue
- CSS: `linear-gradient(90deg in oklab, #ff6e7f 0%, #bfe9ff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ff6e7f] to-[#bfe9ff]`
- Contrast (worst point): white 1.29:1 fail · black 7.79:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ff6e7f-bfe9ff?a=90
- Colors: https://brandsweets.com/colors/ff6e7f, https://brandsweets.com/colors/bfe9ff

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

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

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

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

### Dracula

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

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

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

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

### Miaka

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

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

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

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

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

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

### Man of Steel

- Slug: `man-of-steel` · Page: https://brandsweets.com/gradients/man-of-steel
- Stops: #780206, #061161 · angle 90° · source uigradients
- Families: red, blue · Moods: dark
- CSS: `linear-gradient(90deg in oklab, #780206 0%, #061161 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#780206] to-[#061161]`
- Contrast (worst point): white 11.60:1 AA · black 1.26:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.780206-061161?a=90
- Colors: https://brandsweets.com/colors/780206, https://brandsweets.com/colors/061161

### Predawn

- Slug: `predawn` · Page: https://brandsweets.com/gradients/predawn
- Stops: #ffa17f, #00223e · angle 90° · source uigradients
- Families: red, blue
- CSS: `linear-gradient(90deg in oklab, #ffa17f 0%, #00223e 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ffa17f] to-[#00223e]`
- Contrast (worst point): white 1.97:1 fail · black 1.30:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ffa17f-00223e?a=90
- Colors: https://brandsweets.com/colors/ffa17f, https://brandsweets.com/colors/00223e

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

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

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

### Forest

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

### Ali

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

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

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

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

### Nepal

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

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

### Rose Colored Lenses

- Slug: `rose-colored-lenses` · Page: https://brandsweets.com/gradients/rose-colored-lenses
- Stops: #e8cbc0, #636fa4 · angle 90° · source uigradients
- Families: red, blue · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #e8cbc0 0%, #636fa4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#e8cbc0] to-[#636fa4]`
- Contrast (worst point): white 1.53:1 fail · black 4.34:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.e8cbc0-636fa4?a=90
- Colors: https://brandsweets.com/colors/e8cbc0, https://brandsweets.com/colors/636fa4

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

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

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

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

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

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

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

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

### Kyoo Pal

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

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

### Evening Sunshine

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

### Telko

- Slug: `telko` · Page: https://brandsweets.com/gradients/telko
- Stops: #f36222, #5cb644, #007fc3 · angle 90° · source uigradients
- Families: red, blue · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #f36222 0%, #5cb644 50%, #007fc3 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f36222] via-[#5cb644] to-[#007fc3]`
- Contrast (worst point): white 2.54:1 fail · black 4.82:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f36222-5cb644-007fc3?a=90
- Colors: https://brandsweets.com/colors/f36222, https://brandsweets.com/colors/5cb644, https://brandsweets.com/colors/007fc3

### Beleko

- Slug: `beleko` · Page: https://brandsweets.com/gradients/beleko
- Stops: #ff1e56, #f9c942, #1e90ff · angle 90° · source uigradients
- Families: red, blue · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #ff1e56 0%, #f9c942 50%, #1e90ff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ff1e56] via-[#f9c942] to-[#1e90ff]`
- Contrast (worst point): white 1.56:1 fail · black 5.57:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ff1e56-f9c942-1e90ff?a=90
- Colors: https://brandsweets.com/colors/ff1e56, https://brandsweets.com/colors/f9c942, https://brandsweets.com/colors/1e90ff

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

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

### Racker

- Slug: `racker` · Page: https://brandsweets.com/gradients/racker
- Stops: #eb0000, #95008a, #3300fc · angle 90° · source uigradients
- Families: red, blue · Moods: vivid, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #eb0000 0%, #95008a 50%, #3300fc 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#eb0000] via-[#95008a] to-[#3300fc]`
- Contrast (worst point): white 4.63:1 AA · black 2.54:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.eb0000-95008a-3300fc?a=90
- Colors: https://brandsweets.com/colors/eb0000, https://brandsweets.com/colors/95008a, https://brandsweets.com/colors/3300fc

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

### Amy Crisp

- Slug: `amy-crisp` · Page: https://brandsweets.com/gradients/amy-crisp
- Stops: #a6c0fe, #f68084 · angle 120° · source webgradients
- Families: blue, red · Moods: light
- CSS: `linear-gradient(120deg in oklab, #a6c0fe 0%, #f68084 100%)`
- Tailwind: `bg-linear-120/oklab from-[#a6c0fe] to-[#f68084]`
- Contrast (worst point): white 1.81:1 fail · black 8.34:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a6c0fe-f68084?a=120
- Colors: https://brandsweets.com/colors/a6c0fe, https://brandsweets.com/colors/f68084

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

### Sweet Period

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

### Wide Matrix

- Slug: `wide-matrix` · Page: https://brandsweets.com/gradients/wide-matrix
- Stops: #fcc5e4 @0%, #fda34b @15%, #ff7882 @35%, #c8699e @52%, #7046aa @71%, #0c1db8 @87%, #020f75 @100% · angle 0° · source webgradients
- Families: pink, blue, red
- CSS: `linear-gradient(0deg in oklab, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#fcc5e4_0%,#fda34b_15%,#ff7882_35%,#c8699e_52%,#7046aa_71%,#0c1db8_87%,#020f75_100%)]`
- Contrast (worst point): white 1.47:1 fail · black 1.33:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.fcc5e4_0-fda34b_15-ff7882_35-c8699e_52-7046aa_71-0c1db8_87-020f75_100?a=0
- Colors: https://brandsweets.com/colors/fcc5e4, https://brandsweets.com/colors/fda34b, https://brandsweets.com/colors/ff7882, https://brandsweets.com/colors/c8699e, https://brandsweets.com/colors/7046aa, https://brandsweets.com/colors/0c1db8, https://brandsweets.com/colors/020f75

### Red Salvation

- Slug: `red-salvation` · Page: https://brandsweets.com/gradients/red-salvation
- Stops: #f43b47, #453a94 · angle 0° · source webgradients
- Families: blue, red · Moods: vivid
- CSS: `linear-gradient(0deg in oklab, #f43b47 0%, #453a94 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#f43b47] to-[#453a94]`
- Contrast (worst point): white 3.77:1 AA-large · black 2.29:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f43b47-453a94?a=0
- Colors: https://brandsweets.com/colors/f43b47, https://brandsweets.com/colors/453a94

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

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

### Moonrise

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

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

### Almost

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

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

### Cheer Up Emo Kid

- Slug: `cheer-up-emo-kid` · Page: https://brandsweets.com/gradients/cheer-up-emo-kid
- Stops: #556270, #ff6b6b · angle 90° · source uigradients
- Families: blue, red
- CSS: `linear-gradient(90deg in oklab, #556270 0%, #ff6b6b 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#556270] to-[#ff6b6b]`
- Contrast (worst point): white 2.77:1 fail · black 3.37:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.556270-ff6b6b?a=90
- Colors: https://brandsweets.com/colors/556270, https://brandsweets.com/colors/ff6b6b

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

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

### Pizelex

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

### Christmas

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

### Superman

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

### Red Ocean

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

### Politics

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

### Sunset

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

### Dusk

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

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

### Jaipur

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

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

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

### Velvet Sun

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

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

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

### Rastafari

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

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

### By Design

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

### JShine

- Slug: `jshine` · Page: https://brandsweets.com/gradients/jshine
- Stops: #12c2e9, #c471ed, #f64f59 · angle 90° · source uigradients
- Families: blue, red · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #12c2e9 0%, #c471ed 50%, #f64f59 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#12c2e9] via-[#c471ed] to-[#f64f59]`
- Contrast (worst point): white 2.12:1 fail · black 6.18:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.12c2e9-c471ed-f64f59?a=90
- Colors: https://brandsweets.com/colors/12c2e9, https://brandsweets.com/colors/c471ed, https://brandsweets.com/colors/f64f59

### MegaTron

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

### Lensod

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

### Elate The Euge

- Slug: `elate-the-euge` · Page: https://brandsweets.com/gradients/elate-the-euge
- Stops: #8bdeda, #43add0, #998ee0, #e17dc2, #ef9393 · angle 90° · source uigradients
- Families: teal, red
- CSS: `linear-gradient(90deg in oklab, #8bdeda 0%, #43add0 25%, #998ee0 50%, #e17dc2 75%, #ef9393 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#8bdeda_0%,#43add0_25%,#998ee0_50%,#e17dc2_75%,#ef9393_100%)]`
- Contrast (worst point): white 1.55:1 fail · black 7.30:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.8bdeda-43add0-998ee0-e17dc2-ef9393?a=90
- Colors: https://brandsweets.com/colors/8bdeda, https://brandsweets.com/colors/43add0, https://brandsweets.com/colors/998ee0, https://brandsweets.com/colors/e17dc2, https://brandsweets.com/colors/ef9393

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