# Vivid gradients

Looking for a vivid gradient? These 154 are the corpus entries whose stops actually read that way — high average chroma; the ones that need the gamut and banding lines in the report — 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/vivid
- Count: 154

## Gradients

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

### New Life

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

### True Sunset

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

### Itmeo Branding

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

### Mixed Hopes

- Slug: `mixed-hopes` · Page: https://brandsweets.com/gradients/mixed-hopes
- Stops: #c471f5, #fa71cd · angle 0° · source webgradients
- Families: pink, purple · Moods: vivid
- CSS: `linear-gradient(0deg in oklab, #c471f5 0%, #fa71cd 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#c471f5] to-[#fa71cd]`
- Contrast (worst point): white 2.53:1 fail · black 7.03:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c471f5-fa71cd?a=0
- Colors: https://brandsweets.com/colors/c471f5, https://brandsweets.com/colors/fa71cd

### Sharp Blues

- Slug: `sharp-blues` · Page: https://brandsweets.com/gradients/sharp-blues
- Stops: #00c6fb, #005bea · angle 0° · source webgradients
- Families: blue · Moods: cool, vivid, ocean
- CSS: `linear-gradient(0deg in oklab, #00c6fb 0%, #005bea 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#00c6fb] to-[#005bea]`
- Contrast (worst point): white 2.01:1 fail · black 3.69:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.00c6fb-005bea?a=0
- Colors: https://brandsweets.com/colors/00c6fb, https://brandsweets.com/colors/005bea

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

### Night Party

- Slug: `night-party` · Page: https://brandsweets.com/gradients/night-party
- Stops: #0250c5, #d43f8d · angle 0° · source webgradients
- Families: blue, pink · Moods: vivid, jewel-tones
- CSS: `linear-gradient(0deg in oklab, #0250c5 0%, #d43f8d 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#0250c5] to-[#d43f8d]`
- Contrast (worst point): white 4.29:1 AA-large · black 2.96:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.0250c5-d43f8d?a=0
- Colors: https://brandsweets.com/colors/0250c5, https://brandsweets.com/colors/d43f8d

### Love Kiss

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

### Passionate Bed

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

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

### October Silence

- Slug: `october-silence` · Page: https://brandsweets.com/gradients/october-silence
- Stops: #b721ff, #21d4fd · angle 340° · source webgradients
- Families: blue, purple · Moods: cool, vivid, neon
- CSS: `linear-gradient(340deg in oklab, #b721ff 0%, #21d4fd 100%)`
- Tailwind: `bg-linear-340/oklab from-[#b721ff] to-[#21d4fd]`
- Contrast (worst point): white 1.76:1 fail · black 4.67:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b721ff-21d4fd?a=340
- Colors: https://brandsweets.com/colors/b721ff, https://brandsweets.com/colors/21d4fd

### Alchemist Lab

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

### Mars Party

- Slug: `mars-party` · Page: https://brandsweets.com/gradients/mars-party
- Stops: #5f72bd, #9b23ea · angle 0° · source webgradients
- Families: purple, blue · Moods: cool, vivid, jewel-tones
- CSS: `linear-gradient(0deg in oklab, #5f72bd 0%, #9b23ea 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#5f72bd] to-[#9b23ea]`
- Contrast (worst point): white 4.53:1 AA · black 3.82:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.5f72bd-9b23ea?a=0
- Colors: https://brandsweets.com/colors/5f72bd, https://brandsweets.com/colors/9b23ea

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

### Party Bliss

- Slug: `party-bliss` · Page: https://brandsweets.com/gradients/party-bliss
- Stops: #4481eb, #04befe · angle 0° · source webgradients
- Families: blue · Moods: cool, vivid, ocean
- CSS: `linear-gradient(0deg in oklab, #4481eb 0%, #04befe 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#4481eb] to-[#04befe]`
- Contrast (worst point): white 2.14:1 fail · black 5.59:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4481eb-04befe?a=0
- Colors: https://brandsweets.com/colors/4481eb, https://brandsweets.com/colors/04befe

### Hidden Jaguar

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

### Young Grass

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

### Plum Bath

- Slug: `plum-bath` · Page: https://brandsweets.com/gradients/plum-bath
- Stops: #cc208e, #6713d2 · angle 0° · source webgradients
- Families: purple, pink · Moods: vivid, jewel-tones
- CSS: `linear-gradient(0deg in oklab, #cc208e 0%, #6713d2 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#cc208e] to-[#6713d2]`
- Contrast (worst point): white 5.04:1 AA · black 2.60:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cc208e-6713d2?a=0
- Colors: https://brandsweets.com/colors/cc208e, https://brandsweets.com/colors/6713d2

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

### North Miracle

- Slug: `north-miracle` · Page: https://brandsweets.com/gradients/north-miracle
- Stops: #00dbde, #fc00ff · angle 0° · source webgradients
- Families: purple, teal · Moods: cool, vivid, neon
- CSS: `linear-gradient(0deg in oklab, #00dbde 0%, #fc00ff 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#00dbde] to-[#fc00ff]`
- Contrast (worst point): white 1.72:1 fail · black 6.58:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.00dbde-fc00ff?a=0
- Colors: https://brandsweets.com/colors/00dbde, https://brandsweets.com/colors/fc00ff

### Fruit Blend

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

### Millennium Pine

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

### High Flight

- Slug: `high-flight` · Page: https://brandsweets.com/gradients/high-flight
- Stops: #0acffe, #495aff · angle 0° · source webgradients
- Families: blue · Moods: cool, vivid, ocean
- CSS: `linear-gradient(0deg in oklab, #0acffe 0%, #495aff 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#0acffe] to-[#495aff]`
- Contrast (worst point): white 1.85:1 fail · black 4.19:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.0acffe-495aff?a=0
- Colors: https://brandsweets.com/colors/0acffe, https://brandsweets.com/colors/495aff

### Juicy Cake

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

### Smart Indigo

- Slug: `smart-indigo` · Page: https://brandsweets.com/gradients/smart-indigo
- Stops: #b224ef, #7579ff · angle 0° · source webgradients
- Families: purple, blue · Moods: cool, vivid, neon
- CSS: `linear-gradient(0deg in oklab, #b224ef 0%, #7579ff 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#b224ef] to-[#7579ff]`
- Contrast (worst point): white 3.53:1 AA-large · black 4.39:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b224ef-7579ff?a=0
- Colors: https://brandsweets.com/colors/b224ef, https://brandsweets.com/colors/7579ff

### Norse Beauty

- Slug: `norse-beauty` · Page: https://brandsweets.com/gradients/norse-beauty
- Stops: #ec77ab, #7873f5 · angle 0° · source webgradients
- Families: pink, blue · Moods: vivid
- CSS: `linear-gradient(0deg in oklab, #ec77ab 0%, #7873f5 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#ec77ab] to-[#7873f5]`
- Contrast (worst point): white 2.69:1 fail · black 5.57:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ec77ab-7873f5?a=0
- Colors: https://brandsweets.com/colors/ec77ab, https://brandsweets.com/colors/7873f5

### Aqua Guidance

- Slug: `aqua-guidance` · Page: https://brandsweets.com/gradients/aqua-guidance
- Stops: #007adf, #00ecbc · angle 0° · source webgradients
- Families: blue, teal · Moods: cool, vivid, ocean
- CSS: `linear-gradient(0deg in oklab, #007adf 0%, #00ecbc 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#007adf] to-[#00ecbc]`
- Contrast (worst point): white 1.53:1 fail · black 4.85:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.007adf-00ecbc?a=0
- Colors: https://brandsweets.com/colors/007adf, https://brandsweets.com/colors/00ecbc

### Night Call

- Slug: `night-call` · Page: https://brandsweets.com/gradients/night-call
- Stops: #ac32e4 @0%, #7918f2 @48%, #4801ff @100% · angle 135° · source webgradients
- Families: purple, blue · Moods: cool, vivid, jewel-tones
- CSS: `linear-gradient(135deg in oklab, #ac32e4 0%, #7918f2 48%, #4801ff 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#ac32e4] via-[#7918f2] via-48% to-[#4801ff]`
- Contrast (worst point): white 4.85:1 AA · black 2.72:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ac32e4_0-7918f2_48-4801ff_100?a=135
- Colors: https://brandsweets.com/colors/ac32e4, https://brandsweets.com/colors/7918f2, https://brandsweets.com/colors/4801ff

### Lily Meadow

- Slug: `lily-meadow` · Page: https://brandsweets.com/gradients/lily-meadow
- Stops: #65379b @0%, #886aea @53%, #6457c6 @100% · angle 135° · source webgradients
- Families: purple, blue · Moods: cool, vivid, jewel-tones
- CSS: `linear-gradient(135deg in oklab, #65379b 0%, #886aea 53%, #6457c6 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#65379b] via-[#886aea] via-53% to-[#6457c6]`
- Contrast (worst point): white 3.96:1 AA-large · black 2.57:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.65379b_0-886aea_53-6457c6_100?a=135
- Colors: https://brandsweets.com/colors/65379b, https://brandsweets.com/colors/886aea, https://brandsweets.com/colors/6457c6

### Sugar Lollipop

- Slug: `sugar-lollipop` · Page: https://brandsweets.com/gradients/sugar-lollipop
- Stops: #a445b2 @0%, #d41872 @52%, #ff0066 @100% · angle 135° · source webgradients
- Families: pink, purple · Moods: vivid, neon
- CSS: `linear-gradient(135deg in oklab, #a445b2 0%, #d41872 52%, #ff0066 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#a445b2] via-[#d41872] via-52% to-[#ff0066]`
- Contrast (worst point): white 3.86:1 AA-large · black 4.06:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a445b2_0-d41872_52-ff0066_100?a=135
- Colors: https://brandsweets.com/colors/a445b2, https://brandsweets.com/colors/d41872, https://brandsweets.com/colors/ff0066

### Sweet Dessert

- Slug: `sweet-dessert` · Page: https://brandsweets.com/gradients/sweet-dessert
- Stops: #7742b2 @0%, #f180ff @52%, #fd8bd9 @100% · angle 135° · source webgradients
- Families: pink, purple · Moods: vivid
- CSS: `linear-gradient(135deg in oklab, #7742b2 0%, #f180ff 52%, #fd8bd9 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#7742b2] via-[#f180ff] via-52% to-[#fd8bd9]`
- Contrast (worst point): white 2.13:1 fail · black 3.21:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.7742b2_0-f180ff_52-fd8bd9_100?a=135
- Colors: https://brandsweets.com/colors/7742b2, https://brandsweets.com/colors/f180ff, https://brandsweets.com/colors/fd8bd9

### Magic Ray

- Slug: `magic-ray` · Page: https://brandsweets.com/gradients/magic-ray
- Stops: #ff3cac @0%, #562b7c @52%, #2b86c5 @100% · angle 135° · source webgradients
- Families: pink, blue, purple · Moods: vivid
- CSS: `linear-gradient(135deg in oklab, #ff3cac 0%, #562b7c 52%, #2b86c5 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#ff3cac] via-[#562b7c] via-52% to-[#2b86c5]`
- Contrast (worst point): white 3.23:1 AA-large · black 2.03:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ff3cac_0-562b7c_52-2b86c5_100?a=135
- Colors: https://brandsweets.com/colors/ff3cac, https://brandsweets.com/colors/562b7c, https://brandsweets.com/colors/2b86c5

### Teen Party

- Slug: `teen-party` · Page: https://brandsweets.com/gradients/teen-party
- Stops: #ff057c, #8d0b93, #321575 · angle 135° · source webgradients
- Families: purple, pink · Moods: vivid
- CSS: `linear-gradient(135deg in oklab, #ff057c 0%, #8d0b93 50%, #321575 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#ff057c] via-[#8d0b93] to-[#321575]`
- Contrast (worst point): white 3.77:1 AA-large · black 1.50:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ff057c-8d0b93-321575?a=135
- Colors: https://brandsweets.com/colors/ff057c, https://brandsweets.com/colors/8d0b93, https://brandsweets.com/colors/321575

### Frozen Heat

- Slug: `frozen-heat` · Page: https://brandsweets.com/gradients/frozen-heat
- Stops: #ff057c @0%, #7c64d5 @48%, #4cc3ff @100% · angle 135° · source webgradients
- Families: pink, blue · Moods: vivid
- CSS: `linear-gradient(135deg in oklab, #ff057c 0%, #7c64d5 48%, #4cc3ff 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#ff057c] via-[#7c64d5] via-48% to-[#4cc3ff]`
- Contrast (worst point): white 1.99:1 fail · black 4.64:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ff057c_0-7c64d5_48-4cc3ff_100?a=135
- Colors: https://brandsweets.com/colors/ff057c, https://brandsweets.com/colors/7c64d5, https://brandsweets.com/colors/4cc3ff

### Fabled Sunset

- Slug: `fabled-sunset` · Page: https://brandsweets.com/gradients/fabled-sunset
- Stops: #231557 @0%, #44107a @29%, #ff1361 @67% · angle 135° · source webgradients
- Families: pink, purple · Moods: vivid
- CSS: `linear-gradient(135deg in oklab, #231557 0%, #44107a 29%, #ff1361 67%)`
- Tailwind: `bg-linear-to-br/oklab from-[#231557] via-[#44107a] via-29% to-[#ff1361] to-67%`
- Contrast (worst point): white 3.81:1 AA-large · black 1.32:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.231557_0-44107a_29-ff1361_67?a=135
- Colors: https://brandsweets.com/colors/231557, https://brandsweets.com/colors/44107a, https://brandsweets.com/colors/ff1361

### Farhan

- Slug: `farhan` · Page: https://brandsweets.com/gradients/farhan
- Stops: #9400d3, #4b0082 · angle 90° · source uigradients
- Families: purple · Moods: cool, vivid, monochrome, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #9400d3 0%, #4b0082 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#9400d3] to-[#4b0082]`
- Contrast (worst point): white 6.56:1 AA · black 1.62:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.9400d3-4b0082?a=90
- Colors: https://brandsweets.com/colors/9400d3, https://brandsweets.com/colors/4b0082

### Purple

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

### Ibtesam

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

### Blue & Orange

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

### Purple Dream

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

### Ver

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

### Bluelagoo

- Slug: `bluelagoo` · Page: https://brandsweets.com/gradients/bluelagoo
- Stops: #0052d4, #4364f7, #6fb1fc · angle 90° · source uigradients
- Families: blue · Moods: cool, vivid, monochrome, ocean
- CSS: `linear-gradient(90deg in oklab, #0052d4 0%, #4364f7 50%, #6fb1fc 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#0052d4] via-[#4364f7] to-[#6fb1fc]`
- Contrast (worst point): white 2.24:1 fail · black 3.16:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.0052d4-4364f7-6fb1fc?a=90
- Colors: https://brandsweets.com/colors/0052d4, https://brandsweets.com/colors/4364f7, https://brandsweets.com/colors/6fb1fc

### Lunada

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

### Skyline

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

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

### Purple Love

- Slug: `purple-love` · Page: https://brandsweets.com/gradients/purple-love
- Stops: #cc2b5e, #753a88 · angle 90° · source uigradients
- Families: pink, purple · Moods: vivid, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #cc2b5e 0%, #753a88 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#cc2b5e] to-[#753a88]`
- Contrast (worst point): white 5.15:1 AA · black 2.72:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cc2b5e-753a88?a=90
- Colors: https://brandsweets.com/colors/cc2b5e, https://brandsweets.com/colors/753a88

### Blooker20

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

### YouTube

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

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

### Intuitive Purple

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

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

### Aubergine

- Slug: `aubergine` · Page: https://brandsweets.com/gradients/aubergine
- Stops: #aa076b, #61045f · angle 90° · source uigradients
- Families: pink, purple · Moods: vivid, dark, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #aa076b 0%, #61045f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#aa076b] to-[#61045f]`
- Contrast (worst point): white 7.11:1 AA · black 1.69:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.aa076b-61045f?a=90
- Colors: https://brandsweets.com/colors/aa076b, https://brandsweets.com/colors/61045f

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

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

### Electric Violet

- Slug: `electric-violet` · Page: https://brandsweets.com/gradients/electric-violet
- Stops: #4776e6, #8e54e9 · angle 90° · source uigradients
- Families: blue, purple · Moods: cool, vivid, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #4776e6 0%, #8e54e9 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#4776e6] to-[#8e54e9]`
- Contrast (worst point): white 4.19:1 AA-large · black 4.58:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4776e6-8e54e9?a=90
- Colors: https://brandsweets.com/colors/4776e6, https://brandsweets.com/colors/8e54e9

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

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

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

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

### Parklife

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

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

### Teal Love

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

### Amethyst

- Slug: `amethyst` · Page: https://brandsweets.com/gradients/amethyst
- Stops: #9d50bb, #6e48aa · angle 90° · source uigradients
- Families: purple · Moods: cool, vivid, monochrome, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #9d50bb 0%, #6e48aa 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#9d50bb] to-[#6e48aa]`
- Contrast (worst point): white 4.88:1 AA · black 3.17:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.9d50bb-6e48aa?a=90
- Colors: https://brandsweets.com/colors/9d50bb, https://brandsweets.com/colors/6e48aa

### Facebook Messenger

- Slug: `facebook-messenger` · Page: https://brandsweets.com/gradients/facebook-messenger
- Stops: #00c6ff, #0072ff · angle 90° · source uigradients
- Families: blue · Moods: cool, vivid, ocean
- CSS: `linear-gradient(90deg in oklab, #00c6ff 0%, #0072ff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00c6ff] to-[#0072ff]`
- Contrast (worst point): white 2.00:1 fail · black 4.85:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.00c6ff-0072ff?a=90
- Colors: https://brandsweets.com/colors/00c6ff, https://brandsweets.com/colors/0072ff

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

### Martini

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

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

### Flickr

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

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

### Ukraine

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

### Timber

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

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

### Deep Purple

- Slug: `deep-purple` · Page: https://brandsweets.com/gradients/deep-purple
- Stops: #673ab7, #512da8 · angle 90° · source uigradients
- Families: purple · Moods: cool, vivid, dark, monochrome, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #673ab7 0%, #512da8 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#673ab7] to-[#512da8]`
- Contrast (worst point): white 7.33:1 AA · black 2.29:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.673ab7-512da8?a=90
- Colors: https://brandsweets.com/colors/673ab7, https://brandsweets.com/colors/512da8

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

### Blush

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

### Purplin

- Slug: `purplin` · Page: https://brandsweets.com/gradients/purplin
- Stops: #6a3093, #a044ff · angle 90° · source uigradients
- Families: purple · Moods: cool, vivid, monochrome, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #6a3093 0%, #a044ff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#6a3093] to-[#a044ff]`
- Contrast (worst point): white 4.41:1 AA-large · black 2.46:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.6a3093-a044ff?a=90
- Colors: https://brandsweets.com/colors/6a3093, https://brandsweets.com/colors/a044ff

### Minnesota Vikings

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

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

### Suzy

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

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

### Alihossein

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

### Shahabi

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

### Transfile

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

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

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

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

### Lush

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

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

### Sherbert

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

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

### Azure Pop

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

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

### Cosmic Fusion

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

### Snapchat

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

### Brady Brady Fun Fun

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

### Black Rosé

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

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

### Vice City

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

### EasyMed

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

### Very Blue

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

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

### Mini

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

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

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

### Terminal

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

### Kimoby Is The New Blue

- Slug: `kimoby-is-the-new-blue` · Page: https://brandsweets.com/gradients/kimoby-is-the-new-blue
- Stops: #396afc, #2948ff · angle 90° · source uigradients
- Families: blue · Moods: cool, vivid, monochrome, jewel-tones, ocean
- CSS: `linear-gradient(90deg in oklab, #396afc 0%, #2948ff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#396afc] to-[#2948ff]`
- Contrast (worst point): white 4.53:1 AA · black 3.46:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.396afc-2948ff?a=90
- Colors: https://brandsweets.com/colors/396afc, https://brandsweets.com/colors/2948ff

### Purpink

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

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

### Argon

- Slug: `argon` · Page: https://brandsweets.com/gradients/argon
- Stops: #03001e, #7303c0, #ec38bc, #fdeff9 · angle 90° · source uigradients
- Families: blue · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #03001e 0%, #7303c0 33.33%, #ec38bc 66.67%, #fdeff9 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#03001e_0%,#7303c0_33.33%,#ec38bc_66.67%,#fdeff9_100%)]`
- Contrast (worst point): white 1.11:1 fail · black 1.02:1 fail · banding low
- Maker: https://brandsweets.com/gradients/new/v1.03001e-7303c0-ec38bc-fdeff9?a=90
- Colors: https://brandsweets.com/colors/03001e, https://brandsweets.com/colors/7303c0, https://brandsweets.com/colors/ec38bc, https://brandsweets.com/colors/fdeff9

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

### Rainbow Blue

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

### Sublime Vivid

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

### Sublime Light

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

### Wedding Day Blues

- Slug: `wedding-day-blues` · Page: https://brandsweets.com/gradients/wedding-day-blues
- Stops: #40e0d0, #ff8c00, #ff0080 · angle 90° · source uigradients
- Families: teal, pink · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #40e0d0 0%, #ff8c00 50%, #ff0080 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#40e0d0] via-[#ff8c00] to-[#ff0080]`
- Contrast (worst point): white 1.64:1 fail · black 5.56:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.40e0d0-ff8c00-ff0080?a=90
- Colors: https://brandsweets.com/colors/40e0d0, https://brandsweets.com/colors/ff8c00, https://brandsweets.com/colors/ff0080

### Shifter

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

### Moon Purple

- Slug: `moon-purple` · Page: https://brandsweets.com/gradients/moon-purple
- Stops: #4e54c8, #8f94fb · angle 90° · source uigradients
- Families: blue · Moods: cool, vivid, monochrome, ocean
- CSS: `linear-gradient(90deg in oklab, #4e54c8 0%, #8f94fb 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#4e54c8] to-[#8f94fb]`
- Contrast (worst point): white 2.69:1 fail · black 3.43:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4e54c8-8f94fb?a=90
- Colors: https://brandsweets.com/colors/4e54c8, https://brandsweets.com/colors/8f94fb

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

### Magic

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

### Citrus Peel

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

### Sin City Red

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

### Rastafari

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

### Summer Dog

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

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

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

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

### Neuromancer

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

### Amin

- Slug: `amin` · Page: https://brandsweets.com/gradients/amin
- Stops: #8e2de2, #4a00e0 · angle 90° · source uigradients
- Families: purple, blue · Moods: cool, vivid, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #8e2de2 0%, #4a00e0 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#8e2de2] to-[#4a00e0]`
- Contrast (worst point): white 5.79:1 AA · black 2.37:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.8e2de2-4a00e0?a=90
- Colors: https://brandsweets.com/colors/8e2de2, https://brandsweets.com/colors/4a00e0

### Dark Ocean

- Slug: `dark-ocean` · Page: https://brandsweets.com/gradients/dark-ocean
- Stops: #373b44, #4286f4 · angle 90° · source uigradients
- Families: blue · Moods: cool, vivid
- CSS: `linear-gradient(90deg in oklab, #373b44 0%, #4286f4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#373b44] to-[#4286f4]`
- Contrast (worst point): white 3.53:1 AA-large · black 1.87:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.373b44-4286f4?a=90
- Colors: https://brandsweets.com/colors/373b44, https://brandsweets.com/colors/4286f4

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

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

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

### Electric Peacock

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

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

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

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

### Mango Papaya

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

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

### Twitter

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

### Abbas

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

### Andreuzza's

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

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

### After the Rain

- Slug: `after-the-rain` · Page: https://brandsweets.com/gradients/after-the-rain
- Stops: #ff75c3, #ffa647, #ffe83f, #9fff5b, #70e2ff, #cd93ff · angle 90° · source uigradients
- Families: pink, purple · Moods: vivid, light
- CSS: `linear-gradient(90deg in oklab, #ff75c3 0%, #ffa647 20%, #ffe83f 40%, #9fff5b 60%, #70e2ff 80%, #cd93ff 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#ff75c3_0%,#ffa647_20%,#ffe83f_40%,#9fff5b_60%,#70e2ff_80%,#cd93ff_100%)]`
- Contrast (worst point): white 1.24:1 fail · black 8.59:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ff75c3-ffa647-ffe83f-9fff5b-70e2ff-cd93ff?a=90
- Colors: https://brandsweets.com/colors/ff75c3, https://brandsweets.com/colors/ffa647, https://brandsweets.com/colors/ffe83f, https://brandsweets.com/colors/9fff5b, https://brandsweets.com/colors/70e2ff, https://brandsweets.com/colors/cd93ff

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