# Blue gradients

223 named blue gradients from the two open corpora we bundle (uiGradients and WebGradients, both MIT) — sky into navy, cobalt into periwinkle — the most-searched gradient colour, and the one where blue→purple in sRGB shows the mud problem most clearly. 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/blue
- Count: 223

## Gradients

### Winter Neva

- Slug: `winter-neva` · Page: https://brandsweets.com/gradients/winter-neva
- Stops: #a1c4fd, #c2e9fb · angle 120° · source webgradients
- Families: blue · Moods: cool, muted, light, pastel, ocean, calm
- CSS: `linear-gradient(120deg in oklab, #a1c4fd 0%, #c2e9fb 100%)`
- Tailwind: `bg-linear-120/oklab from-[#a1c4fd] to-[#c2e9fb]`
- Contrast (worst point): white 1.28:1 fail · black 11.83:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a1c4fd-c2e9fb?a=120
- Colors: https://brandsweets.com/colors/a1c4fd, https://brandsweets.com/colors/c2e9fb

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

### Malibu Beach

- Slug: `malibu-beach` · Page: https://brandsweets.com/gradients/malibu-beach
- Stops: #4facfe, #00f2fe · angle 0° · source webgradients
- Families: blue, teal · Moods: cool, light, ocean
- CSS: `linear-gradient(0deg in oklab, #4facfe 0%, #00f2fe 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#4facfe] to-[#00f2fe]`
- Contrast (worst point): white 1.39:1 fail · black 8.66:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4facfe-00f2fe?a=0
- Colors: https://brandsweets.com/colors/4facfe, https://brandsweets.com/colors/00f2fe

### Saint Petersburg

- Slug: `saint-petersburg` · Page: https://brandsweets.com/gradients/saint-petersburg
- Stops: #f5f7fa, #c3cfe2 · angle 135° · source webgradients
- Families: blue · Moods: cool, muted, light, calm
- CSS: `linear-gradient(135deg in oklab, #f5f7fa 0%, #c3cfe2 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#f5f7fa] to-[#c3cfe2]`
- Contrast (worst point): white 1.07:1 fail · black 13.34:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f5f7fa-c3cfe2?a=135
- Colors: https://brandsweets.com/colors/f5f7fa, https://brandsweets.com/colors/c3cfe2

### Arielle's Smile

- Slug: `arielle-s-smile` · Page: https://brandsweets.com/gradients/arielle-s-smile
- Stops: #16d9e3 @0%, #30c7ec @47%, #46aef7 @100% · angle 0° · source webgradients
- Families: blue, teal · Moods: cool, light, ocean
- CSS: `linear-gradient(0deg in oklab, #16d9e3 0%, #30c7ec 47%, #46aef7 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#16d9e3] via-[#30c7ec] via-47% to-[#46aef7]`
- Contrast (worst point): white 1.74:1 fail · black 8.66:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.16d9e3_0-30c7ec_47-46aef7_100?a=0
- Colors: https://brandsweets.com/colors/16d9e3, https://brandsweets.com/colors/30c7ec, https://brandsweets.com/colors/46aef7

### Happy Fisher

- Slug: `happy-fisher` · Page: https://brandsweets.com/gradients/happy-fisher
- Stops: #89f7fe, #66a6ff · angle 120° · source webgradients
- Families: blue, teal · Moods: cool, light, ocean
- CSS: `linear-gradient(120deg in oklab, #89f7fe 0%, #66a6ff 100%)`
- Tailwind: `bg-linear-120/oklab from-[#89f7fe] to-[#66a6ff]`
- Contrast (worst point): white 1.25:1 fail · black 8.46:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.89f7fe-66a6ff?a=120
- Colors: https://brandsweets.com/colors/89f7fe, https://brandsweets.com/colors/66a6ff

### New York

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

### Fly High

- Slug: `fly-high` · Page: https://brandsweets.com/gradients/fly-high
- Stops: #48c6ef, #6f86d6 · angle 0° · source webgradients
- Families: blue · Moods: cool, ocean
- CSS: `linear-gradient(0deg in oklab, #48c6ef 0%, #6f86d6 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#48c6ef] to-[#6f86d6]`
- Contrast (worst point): white 1.98:1 fail · black 6.06:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.48c6ef-6f86d6?a=0
- Colors: https://brandsweets.com/colors/48c6ef, https://brandsweets.com/colors/6f86d6

### February Ink

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

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

### Dirty Beauty

- Slug: `dirty-beauty` · Page: https://brandsweets.com/gradients/dirty-beauty
- Stops: #6a85b6, #bac8e0 · angle 0° · source webgradients
- Families: blue · Moods: cool, muted, monochrome, calm
- CSS: `linear-gradient(0deg in oklab, #6a85b6 0%, #bac8e0 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#6a85b6] to-[#bac8e0]`
- Contrast (worst point): white 1.69:1 fail · black 5.64:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.6a85b6-bac8e0?a=0
- Colors: https://brandsweets.com/colors/6a85b6, https://brandsweets.com/colors/bac8e0

### Great Whale

- Slug: `great-whale` · Page: https://brandsweets.com/gradients/great-whale
- Stops: #a3bded, #6991c7 · angle 0° · source webgradients
- Families: blue · Moods: cool, muted, monochrome, ocean, calm
- CSS: `linear-gradient(0deg in oklab, #a3bded 0%, #6991c7 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#a3bded] to-[#6991c7]`
- Contrast (worst point): white 1.90:1 fail · black 6.48:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a3bded-6991c7?a=0
- Colors: https://brandsweets.com/colors/a3bded, https://brandsweets.com/colors/6991c7

### Teen Notebook

- Slug: `teen-notebook` · Page: https://brandsweets.com/gradients/teen-notebook
- Stops: #9795f0, #fbc8d4 · angle 0° · source webgradients
- Families: blue, pink · Moods: calm
- CSS: `linear-gradient(0deg in oklab, #9795f0 0%, #fbc8d4 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#9795f0] to-[#fbc8d4]`
- Contrast (worst point): white 1.47:1 fail · black 7.87:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.9795f0-fbc8d4?a=0
- Colors: https://brandsweets.com/colors/9795f0, https://brandsweets.com/colors/fbc8d4

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

### Aqua Splash

- Slug: `aqua-splash` · Page: https://brandsweets.com/gradients/aqua-splash
- Stops: #13547a, #80d0c7 · angle 15° · source webgradients
- Families: blue, teal · Moods: cool, muted, ocean
- CSS: `linear-gradient(15deg in oklab, #13547a 0%, #80d0c7 100%)`
- Tailwind: `bg-linear-15/oklab from-[#13547a] to-[#80d0c7]`
- Contrast (worst point): white 1.78:1 fail · black 2.58:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.13547a-80d0c7?a=15
- Colors: https://brandsweets.com/colors/13547a, https://brandsweets.com/colors/80d0c7

### Spiky Naga

- Slug: `spiky-naga` · Page: https://brandsweets.com/gradients/spiky-naga
- Stops: #505285 @0%, #585e92 @12%, #65689f @25% · angle 0° · source webgradients
- Families: blue · Moods: cool, muted, monochrome, ocean
- CSS: `linear-gradient(0deg in oklab, #505285 0%, #585e92 12%, #65689f 25%)`
- Tailwind: `bg-linear-to-t/oklab from-[#505285] via-[#585e92] via-12% to-[#65689f] to-25%`
- Contrast (worst point): white 5.21:1 AA · black 2.89:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.505285_0-585e92_12-65689f_25?a=0
- Colors: https://brandsweets.com/colors/505285, https://brandsweets.com/colors/585e92, https://brandsweets.com/colors/65689f

### Clean Mirror

- Slug: `clean-mirror` · Page: https://brandsweets.com/gradients/clean-mirror
- Stops: #93a5cf, #e4efe9 · angle 45° · source webgradients
- Families: blue · Moods: cool, muted, light, calm
- CSS: `linear-gradient(45deg in oklab, #93a5cf 0%, #e4efe9 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#93a5cf] to-[#e4efe9]`
- Contrast (worst point): white 1.18:1 fail · black 8.52:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.93a5cf-e4efe9?a=45
- Colors: https://brandsweets.com/colors/93a5cf, https://brandsweets.com/colors/e4efe9

### Cold Evening

- Slug: `cold-evening` · Page: https://brandsweets.com/gradients/cold-evening
- Stops: #0c3483 @0%, #a2b6df @100%, #6b8cce @100% · angle 0° · source webgradients
- Families: blue · Moods: cool, monochrome, ocean
- CSS: `linear-gradient(0deg in oklab, #0c3483 0%, #a2b6df 100%, #6b8cce 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#0c3483] via-[#a2b6df] via-100% to-[#6b8cce]`
- Contrast (worst point): white 2.04:1 fail · black 1.83:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.0c3483_0-a2b6df_100-6b8cce_100?a=0
- Colors: https://brandsweets.com/colors/0c3483, https://brandsweets.com/colors/a2b6df, https://brandsweets.com/colors/6b8cce

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

### Eternal Constance

- Slug: `eternal-constance` · Page: https://brandsweets.com/gradients/eternal-constance
- Stops: #09203f, #537895 · angle 0° · source webgradients
- Families: blue · Moods: cool, muted, monochrome, ocean
- CSS: `linear-gradient(0deg in oklab, #09203f 0%, #537895 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#09203f] to-[#537895]`
- Contrast (worst point): white 4.68:1 AA · black 1.29:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.09203f-537895?a=0
- Colors: https://brandsweets.com/colors/09203f, https://brandsweets.com/colors/537895

### Cloudy Apple

- Slug: `cloudy-apple` · Page: https://brandsweets.com/gradients/cloudy-apple
- Stops: #f3e7e9 @0%, #e3eeff @99%, #e3eeff @100% · angle 0° · source webgradients
- Families: blue · Moods: cool, muted, light, calm
- CSS: `linear-gradient(0deg in oklab, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#f3e7e9] via-[#e3eeff] via-99% to-[#e3eeff]`
- Contrast (worst point): white 1.17:1 fail · black 17.39:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f3e7e9_0-e3eeff_99-e3eeff_100?a=0
- Colors: https://brandsweets.com/colors/f3e7e9, https://brandsweets.com/colors/e3eeff, https://brandsweets.com/colors/e3eeff

### Vicious Stance

- Slug: `vicious-stance` · Page: https://brandsweets.com/gradients/vicious-stance
- Stops: #29323c, #485563 · angle 60° · source webgradients
- Families: blue · Moods: cool, muted, dark, monochrome
- CSS: `linear-gradient(60deg in oklab, #29323c 0%, #485563 100%)`
- Tailwind: `bg-linear-60/oklab from-[#29323c] to-[#485563]`
- Contrast (worst point): white 7.62:1 AA · black 1.62:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.29323c-485563?a=60
- Colors: https://brandsweets.com/colors/29323c, https://brandsweets.com/colors/485563

### Raccoon Back

- Slug: `raccoon-back` · Page: https://brandsweets.com/gradients/raccoon-back
- Stops: #bcc5ce @0%, #929ead @98% · angle 180° · source webgradients
- Families: blue · Moods: cool, muted, calm
- CSS: `linear-gradient(180deg in oklab, #bcc5ce 0%, #929ead 98%)`
- Tailwind: `bg-linear-to-b/oklab from-[#bcc5ce] to-[#929ead] to-98%`
- Contrast (worst point): white 1.75:1 fail · black 7.72:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.bcc5ce_0-929ead_98?a=180
- Colors: https://brandsweets.com/colors/bcc5ce, https://brandsweets.com/colors/929ead

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

### Flying Lemon

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

### Seashore

- Slug: `seashore` · Page: https://brandsweets.com/gradients/seashore
- Stops: #209cff, #68e0cf · angle 0° · source webgradients
- Families: blue, teal · Moods: cool, ocean
- CSS: `linear-gradient(0deg in oklab, #209cff 0%, #68e0cf 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#209cff] to-[#68e0cf]`
- Contrast (worst point): white 1.60:1 fail · black 7.26:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.209cff-68e0cf?a=0
- Colors: https://brandsweets.com/colors/209cff, https://brandsweets.com/colors/68e0cf

### Marble Wall

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

### Night Sky

- Slug: `night-sky` · Page: https://brandsweets.com/gradients/night-sky
- Stops: #1e3c72 @0%, #1e3c72 @1%, #2a5298 @100% · angle 0° · source webgradients
- Families: blue · Moods: cool, dark, monochrome, ocean
- CSS: `linear-gradient(0deg in oklab, #1e3c72 0%, #1e3c72 1%, #2a5298 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#1e3c72] via-[#1e3c72] via-1% to-[#2a5298]`
- Contrast (worst point): white 7.61:1 AA · black 1.95:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.1e3c72_0-1e3c72_1-2a5298_100?a=0
- Colors: https://brandsweets.com/colors/1e3c72, https://brandsweets.com/colors/1e3c72, https://brandsweets.com/colors/2a5298

### Solid Stone

- Slug: `solid-stone` · Page: https://brandsweets.com/gradients/solid-stone
- Stops: #243949, #517fa4 · angle 0° · source webgradients
- Families: blue · Moods: cool, muted, monochrome
- CSS: `linear-gradient(0deg in oklab, #243949 0%, #517fa4 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#243949] to-[#517fa4]`
- Contrast (worst point): white 4.27:1 AA-large · black 1.76:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.243949-517fa4?a=0
- Colors: https://brandsweets.com/colors/243949, https://brandsweets.com/colors/517fa4

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

### Space Shift

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

### Rich Metal

- Slug: `rich-metal` · Page: https://brandsweets.com/gradients/rich-metal
- Stops: #d7d2cc, #304352 · angle 0° · source webgradients
- Families: blue · Moods: cool, muted
- CSS: `linear-gradient(0deg in oklab, #d7d2cc 0%, #304352 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#d7d2cc] to-[#304352]`
- Contrast (worst point): white 1.50:1 fail · black 2.05:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.d7d2cc-304352?a=0
- Colors: https://brandsweets.com/colors/d7d2cc, https://brandsweets.com/colors/304352

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

### Landing Aircraft

- Slug: `landing-aircraft` · Page: https://brandsweets.com/gradients/landing-aircraft
- Stops: #5d9fff @0%, #b8dcff @48%, #6bbbff @100% · angle 135° · source webgradients
- Families: blue · Moods: cool, monochrome, ocean
- CSS: `linear-gradient(135deg in oklab, #5d9fff 0%, #b8dcff 48%, #6bbbff 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#5d9fff] via-[#b8dcff] via-48% to-[#6bbbff]`
- Contrast (worst point): white 1.43:1 fail · black 7.87:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.5d9fff_0-b8dcff_48-6bbbff_100?a=135
- Colors: https://brandsweets.com/colors/5d9fff, https://brandsweets.com/colors/b8dcff, https://brandsweets.com/colors/6bbbff

### Witch Dance

- Slug: `witch-dance` · Page: https://brandsweets.com/gradients/witch-dance
- Stops: #a8bfff, #884d80 · angle 135° · source webgradients
- Families: blue, pink
- CSS: `linear-gradient(135deg in oklab, #a8bfff 0%, #884d80 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#a8bfff] to-[#884d80]`
- Contrast (worst point): white 1.82:1 fail · black 3.42:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.a8bfff-884d80?a=135
- Colors: https://brandsweets.com/colors/a8bfff, https://brandsweets.com/colors/884d80

### Crystal River

- Slug: `crystal-river` · Page: https://brandsweets.com/gradients/crystal-river
- Stops: #22e1ff @0%, #1d8fe1 @48%, #625eb1 @100% · angle 135° · source webgradients
- Families: blue, teal · Moods: cool, ocean
- CSS: `linear-gradient(135deg in oklab, #22e1ff 0%, #1d8fe1 48%, #625eb1 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#22e1ff] via-[#1d8fe1] via-48% to-[#625eb1]`
- Contrast (worst point): white 1.58:1 fail · black 3.75:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.22e1ff_0-1d8fe1_48-625eb1_100?a=135
- Colors: https://brandsweets.com/colors/22e1ff, https://brandsweets.com/colors/1d8fe1, https://brandsweets.com/colors/625eb1

### Fresh Oasis

- Slug: `fresh-oasis` · Page: https://brandsweets.com/gradients/fresh-oasis
- Stops: #7de2fc, #b9b6e5 · angle 135° · source webgradients
- Families: blue, purple · Moods: cool, muted, light, pastel, calm
- CSS: `linear-gradient(135deg in oklab, #7de2fc 0%, #b9b6e5 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#7de2fc] to-[#b9b6e5]`
- Contrast (worst point): white 1.48:1 fail · black 10.88:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.7de2fc-b9b6e5?a=135
- Colors: https://brandsweets.com/colors/7de2fc, https://brandsweets.com/colors/b9b6e5

### Strict November

- Slug: `strict-november` · Page: https://brandsweets.com/gradients/strict-november
- Stops: #cbbacc, #2580b3 · angle 135° · source webgradients
- Families: blue, purple · Moods: cool, muted, calm
- CSS: `linear-gradient(135deg in oklab, #cbbacc 0%, #2580b3 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#cbbacc] to-[#2580b3]`
- Contrast (worst point): white 1.84:1 fail · black 4.82:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.cbbacc-2580b3?a=135
- Colors: https://brandsweets.com/colors/cbbacc, https://brandsweets.com/colors/2580b3

### Deep Relief

- Slug: `deep-relief` · Page: https://brandsweets.com/gradients/deep-relief
- Stops: #7085b6, #87a7d9, #def3f8 · angle 135° · source webgradients
- Families: blue, teal · Moods: cool, muted, ocean
- CSS: `linear-gradient(135deg in oklab, #7085b6 0%, #87a7d9 50%, #def3f8 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#7085b6] via-[#87a7d9] to-[#def3f8]`
- Contrast (worst point): white 1.15:1 fail · black 5.72:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.7085b6-87a7d9-def3f8?a=135
- Colors: https://brandsweets.com/colors/7085b6, https://brandsweets.com/colors/87a7d9, https://brandsweets.com/colors/def3f8

### Supreme Sky

- Slug: `supreme-sky` · Page: https://brandsweets.com/gradients/supreme-sky
- Stops: #d4ffec @0%, #57f2cc @48%, #4596fb @100% · angle 135° · source webgradients
- Families: blue, teal · Moods: cool, ocean
- CSS: `linear-gradient(135deg in oklab, #d4ffec 0%, #57f2cc 48%, #4596fb 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#d4ffec] via-[#57f2cc] via-48% to-[#4596fb]`
- Contrast (worst point): white 1.09:1 fail · black 7.01:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d4ffec_0-57f2cc_48-4596fb_100?a=135
- Colors: https://brandsweets.com/colors/d4ffec, https://brandsweets.com/colors/57f2cc, https://brandsweets.com/colors/4596fb

### Light Blue

- Slug: `light-blue` · Page: https://brandsweets.com/gradients/light-blue
- Stops: #9efbd3 @0%, #57e9f2 @48%, #45d4fb @100% · angle 135° · source webgradients
- Families: blue, teal · Moods: cool, light, pastel, ocean
- CSS: `linear-gradient(135deg in oklab, #9efbd3 0%, #57e9f2 48%, #45d4fb 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#9efbd3] via-[#57e9f2] via-48% to-[#45d4fb]`
- Contrast (worst point): white 1.22:1 fail · black 12.06:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.9efbd3_0-57e9f2_48-45d4fb_100?a=135
- Colors: https://brandsweets.com/colors/9efbd3, https://brandsweets.com/colors/57e9f2, https://brandsweets.com/colors/45d4fb

### Perfect Blue

- Slug: `perfect-blue` · Page: https://brandsweets.com/gradients/perfect-blue
- Stops: #3d4e81 @0%, #5753c9 @48%, #6e7ff3 @100% · angle 135° · source webgradients
- Families: blue · Moods: cool, monochrome, ocean
- CSS: `linear-gradient(135deg in oklab, #3d4e81 0%, #5753c9 48%, #6e7ff3 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#3d4e81] via-[#5753c9] via-48% to-[#6e7ff3]`
- Contrast (worst point): white 3.50:1 AA-large · black 2.60:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.3d4e81_0-5753c9_48-6e7ff3_100?a=135
- Colors: https://brandsweets.com/colors/3d4e81, https://brandsweets.com/colors/5753c9, https://brandsweets.com/colors/6e7ff3

### Omolon

- Slug: `omolon` · Page: https://brandsweets.com/gradients/omolon
- Stops: #091e3a, #2f80ed, #2d9ee0 · angle 90° · source uigradients
- Families: blue · Moods: cool, monochrome, ocean
- CSS: `linear-gradient(90deg in oklab, #091e3a 0%, #2f80ed 50%, #2d9ee0 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#091e3a] via-[#2f80ed] to-[#2d9ee0]`
- Contrast (worst point): white 2.97:1 fail · black 1.26:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.091e3a-2f80ed-2d9ee0?a=90
- Colors: https://brandsweets.com/colors/091e3a, https://brandsweets.com/colors/2f80ed, https://brandsweets.com/colors/2d9ee0

### From Ice To Fire

- Slug: `from-ice-to-fire-ui` · Page: https://brandsweets.com/gradients/from-ice-to-fire-ui
- Stops: #72c6ef, #004e8f · angle 90° · source uigradients
- Families: blue · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #72c6ef 0%, #004e8f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#72c6ef] to-[#004e8f]`
- Contrast (worst point): white 1.90:1 fail · black 2.49:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.72c6ef-004e8f?a=90
- Colors: https://brandsweets.com/colors/72c6ef, https://brandsweets.com/colors/004e8f

### Blu

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

### Combi

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

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

### Windy

- Slug: `windy` · Page: https://brandsweets.com/gradients/windy
- Stops: #acb6e5, #86fde8 · angle 90° · source uigradients
- Families: blue, teal · Moods: cool, light, pastel, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #acb6e5 0%, #86fde8 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#acb6e5] to-[#86fde8]`
- Contrast (worst point): white 1.22:1 fail · black 10.58:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.acb6e5-86fde8?a=90
- Colors: https://brandsweets.com/colors/acb6e5, https://brandsweets.com/colors/86fde8

### Royal Blue

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

### Royal Blue + Petrol

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

### Anamnisar

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

### Sky

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

### Sel

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

### Afternoon

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

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

### Sexy Blue

- Slug: `sexy-blue` · Page: https://brandsweets.com/gradients/sexy-blue
- Stops: #2193b0, #6dd5ed · angle 90° · source uigradients
- Families: blue, teal · Moods: cool, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #2193b0 0%, #6dd5ed 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#2193b0] to-[#6dd5ed]`
- Contrast (worst point): white 1.70:1 fail · black 5.87:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.2193b0-6dd5ed?a=90
- Colors: https://brandsweets.com/colors/2193b0, https://brandsweets.com/colors/6dd5ed

### Sea Blue

- Slug: `sea-blue` · Page: https://brandsweets.com/gradients/sea-blue
- Stops: #2b5876, #4e4376 · angle 90° · source uigradients
- Families: blue, purple · Moods: cool, muted, dark
- CSS: `linear-gradient(90deg in oklab, #2b5876 0%, #4e4376 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#2b5876] to-[#4e4376]`
- Contrast (worst point): white 7.60:1 AA · black 2.39:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.2b5876-4e4376?a=90
- Colors: https://brandsweets.com/colors/2b5876, https://brandsweets.com/colors/4e4376

### Nimvelo

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

### Hazel

- Slug: `hazel` · Page: https://brandsweets.com/gradients/hazel
- Stops: #77a1d3, #79cbca, #e684ae · angle 90° · source uigradients
- Families: blue, pink · Moods: calm
- CSS: `linear-gradient(90deg in oklab, #77a1d3 0%, #79cbca 50%, #e684ae 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#77a1d3] via-[#79cbca] to-[#e684ae]`
- Contrast (worst point): white 1.87:1 fail · black 7.82:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.77a1d3-79cbca-e684ae?a=90
- Colors: https://brandsweets.com/colors/77a1d3, https://brandsweets.com/colors/79cbca, https://brandsweets.com/colors/e684ae

### Horizon

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

### Aqua Marine

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

### Purple Paradise

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

### Stripe

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

### Mirage

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

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

### Venice Blue

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

### Bora Bora

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

### Moss

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

### Mystic

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

### Opa

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

### Titanium

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

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

### Stellar

- Slug: `stellar` · Page: https://brandsweets.com/gradients/stellar
- Stops: #7474bf, #348ac7 · angle 90° · source uigradients
- Families: blue · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #7474bf 0%, #348ac7 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#7474bf] to-[#348ac7]`
- Contrast (worst point): white 3.73:1 AA-large · black 4.98:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.7474bf-348ac7?a=90
- Colors: https://brandsweets.com/colors/7474bf, https://brandsweets.com/colors/348ac7

### Pinot Noir

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

### Reef

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

### Ash

- Slug: `ash` · Page: https://brandsweets.com/gradients/ash
- Stops: #606c88, #3f4c6b · angle 90° · source uigradients
- Families: blue · Moods: cool, muted, monochrome
- CSS: `linear-gradient(90deg in oklab, #606c88 0%, #3f4c6b 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#606c88] to-[#3f4c6b]`
- Contrast (worst point): white 5.25:1 AA · black 2.46:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.606c88-3f4c6b?a=90
- Colors: https://brandsweets.com/colors/606c88, https://brandsweets.com/colors/3f4c6b

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

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

### ServQuick

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

### Friday

- Slug: `friday` · Page: https://brandsweets.com/gradients/friday
- Stops: #83a4d4, #b6fbff · angle 90° · source uigradients
- Families: blue, teal · Moods: cool, muted, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #83a4d4 0%, #b6fbff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#83a4d4] to-[#b6fbff]`
- Contrast (worst point): white 1.15:1 fail · black 8.23:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.83a4d4-b6fbff?a=90
- Colors: https://brandsweets.com/colors/83a4d4, https://brandsweets.com/colors/b6fbff

### Turquoise flow

- Slug: `turquoise-flow` · Page: https://brandsweets.com/gradients/turquoise-flow
- Stops: #136a8a, #267871 · angle 90° · source uigradients
- Families: blue, teal · Moods: cool, muted, ocean
- CSS: `linear-gradient(90deg in oklab, #136a8a 0%, #267871 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#136a8a] to-[#267871]`
- Contrast (worst point): white 5.23:1 AA · black 3.45:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.136a8a-267871?a=90
- Colors: https://brandsweets.com/colors/136a8a, https://brandsweets.com/colors/267871

### Portrait

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

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

### Curiosity blue

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

### Lizard

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

### Between Night and Day

- Slug: `between-night-and-day` · Page: https://brandsweets.com/gradients/between-night-and-day
- Stops: #2c3e50, #3498db · angle 90° · source uigradients
- Families: blue · Moods: cool, muted, monochrome, ocean
- CSS: `linear-gradient(90deg in oklab, #2c3e50 0%, #3498db 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#2c3e50] to-[#3498db]`
- Contrast (worst point): white 3.15:1 AA-large · black 1.91:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.2c3e50-3498db?a=90
- Colors: https://brandsweets.com/colors/2c3e50, https://brandsweets.com/colors/3498db

### Clear Sky

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

### Back To Earth

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

### Inbox

- Slug: `inbox` · Page: https://brandsweets.com/gradients/inbox
- Stops: #457fca, #5691c8 · angle 90° · source uigradients
- Families: blue · Moods: cool, monochrome, ocean
- CSS: `linear-gradient(90deg in oklab, #457fca 0%, #5691c8 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#457fca] to-[#5691c8]`
- Contrast (worst point): white 3.34:1 AA-large · black 5.14:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.457fca-5691c8?a=90
- Colors: https://brandsweets.com/colors/457fca, https://brandsweets.com/colors/5691c8

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

### Joomla

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

### Nighthawk

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

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

### Dark Skies

- Slug: `dark-skies` · Page: https://brandsweets.com/gradients/dark-skies
- Stops: #4b79a1, #283e51 · angle 90° · source uigradients
- Families: blue · Moods: cool, muted, monochrome, ocean
- CSS: `linear-gradient(90deg in oklab, #4b79a1 0%, #283e51 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#4b79a1] to-[#283e51]`
- Contrast (worst point): white 4.62:1 AA · black 1.90:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.4b79a1-283e51?a=90
- Colors: https://brandsweets.com/colors/4b79a1, https://brandsweets.com/colors/283e51

### Colors Of Sky

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

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

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

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

### Bright Vault

- Slug: `bright-vault` · Page: https://brandsweets.com/gradients/bright-vault
- Stops: #00d2ff, #928dab · angle 90° · source uigradients
- Families: blue, purple · Moods: cool, calm
- CSS: `linear-gradient(90deg in oklab, #00d2ff 0%, #928dab 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00d2ff] to-[#928dab]`
- Contrast (worst point): white 1.80:1 fail · black 6.62:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.00d2ff-928dab?a=90
- Colors: https://brandsweets.com/colors/00d2ff, https://brandsweets.com/colors/928dab

### Solid Vault

- Slug: `solid-vault` · Page: https://brandsweets.com/gradients/solid-vault
- Stops: #3a7bd5, #3a6073 · angle 90° · source uigradients
- Families: blue · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #3a7bd5 0%, #3a6073 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#3a7bd5] to-[#3a6073]`
- Contrast (worst point): white 4.22:1 AA-large · black 3.10:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.3a7bd5-3a6073?a=90
- Colors: https://brandsweets.com/colors/3a7bd5, https://brandsweets.com/colors/3a6073

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

### Deep Sea Space

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

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

### Royal

- Slug: `royal` · Page: https://brandsweets.com/gradients/royal
- Stops: #141e30, #243b55 · angle 90° · source uigradients
- Families: blue · Moods: cool, muted, dark, monochrome
- CSS: `linear-gradient(90deg in oklab, #141e30 0%, #243b55 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#141e30] to-[#243b55]`
- Contrast (worst point): white 11.46:1 AA · black 1.26:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.141e30-243b55?a=90
- Colors: https://brandsweets.com/colors/141e30, https://brandsweets.com/colors/243b55

### Frost

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

### 50 Shades of Grey

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

### Love Couple

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

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

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

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

### Jodhpur

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

### What lies Beyond

- Slug: `what-lies-beyond` · Page: https://brandsweets.com/gradients/what-lies-beyond
- Stops: #f0f2f0, #000c40 · angle 90° · source uigradients
- Families: blue · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #f0f2f0 0%, #000c40 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f0f2f0] to-[#000c40]`
- Contrast (worst point): white 1.13:1 fail · black 1.13:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f0f2f0-000c40?a=90
- Colors: https://brandsweets.com/colors/f0f2f0, https://brandsweets.com/colors/000c40

### Can You Feel The Love Tonight

- Slug: `can-you-feel-the-love-tonight` · Page: https://brandsweets.com/gradients/can-you-feel-the-love-tonight
- Stops: #4568dc, #b06ab3 · angle 90° · source uigradients
- Families: blue, purple · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #4568dc 0%, #b06ab3 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#4568dc] to-[#b06ab3]`
- Contrast (worst point): white 3.78:1 AA-large · black 4.27:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4568dc-b06ab3?a=90
- Colors: https://brandsweets.com/colors/4568dc, https://brandsweets.com/colors/b06ab3

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

### Venice

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

### Blue Skies

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

### Chitty Chitty Bang Bang

- Slug: `chitty-chitty-bang-bang` · Page: https://brandsweets.com/gradients/chitty-chitty-bang-bang
- Stops: #007991, #78ffd6 · angle 90° · source uigradients
- Families: blue, teal · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #007991 0%, #78ffd6 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#007991] to-[#78ffd6]`
- Contrast (worst point): white 1.23:1 fail · black 4.14:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.007991-78ffd6?a=90
- Colors: https://brandsweets.com/colors/007991, https://brandsweets.com/colors/78ffd6

### Visions of Grandeur

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

### Meridian

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

### Telegram

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

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

### Dull

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

### King Yna

- Slug: `king-yna` · Page: https://brandsweets.com/gradients/king-yna
- Stops: #1a2a6c, #b21f1f, #fdbb2d · angle 90° · source uigradients
- Families: blue, yellow
- CSS: `linear-gradient(90deg in oklab, #1a2a6c 0%, #b21f1f 50%, #fdbb2d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#1a2a6c] via-[#b21f1f] to-[#fdbb2d]`
- Contrast (worst point): white 1.70:1 fail · black 1.59:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.1a2a6c-b21f1f-fdbb2d?a=90
- Colors: https://brandsweets.com/colors/1a2a6c, https://brandsweets.com/colors/b21f1f, https://brandsweets.com/colors/fdbb2d

### Hydrogen

- Slug: `hydrogen` · Page: https://brandsweets.com/gradients/hydrogen
- Stops: #667db6, #0082c8, #0082c8, #667db6 · angle 90° · source uigradients
- Families: blue · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #667db6 0%, #0082c8 33.33%, #0082c8 66.67%, #667db6 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#667db6_0%,#0082c8_33.33%,#0082c8_66.67%,#667db6_100%)]`
- Contrast (worst point): white 4.05:1 AA-large · black 5.02:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.667db6-0082c8-0082c8-667db6?a=90
- Colors: https://brandsweets.com/colors/667db6, https://brandsweets.com/colors/0082c8, https://brandsweets.com/colors/0082c8, https://brandsweets.com/colors/667db6

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

### Lawrencium

- Slug: `lawrencium` · Page: https://brandsweets.com/gradients/lawrencium
- Stops: #0f0c29, #302b63, #24243e · angle 90° · source uigradients
- Families: blue · Moods: cool, muted, dark, monochrome, ocean
- CSS: `linear-gradient(90deg in oklab, #0f0c29 0%, #302b63 50%, #24243e 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#0f0c29] via-[#302b63] to-[#24243e]`
- Contrast (worst point): white 12.72:1 AA · black 1.10:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.0f0c29-302b63-24243e?a=90
- Colors: https://brandsweets.com/colors/0f0c29, https://brandsweets.com/colors/302b63, https://brandsweets.com/colors/24243e

### Pun Yeta

- Slug: `pun-yeta` · Page: https://brandsweets.com/gradients/pun-yeta
- Stops: #108dc7, #ef8e38 · angle 90° · source uigradients
- Families: blue, orange
- CSS: `linear-gradient(90deg in oklab, #108dc7 0%, #ef8e38 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#108dc7] to-[#ef8e38]`
- Contrast (worst point): white 2.44:1 fail · black 5.66:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.108dc7-ef8e38?a=90
- Colors: https://brandsweets.com/colors/108dc7, https://brandsweets.com/colors/ef8e38

### Red Sunset

- Slug: `red-sunset` · Page: https://brandsweets.com/gradients/red-sunset
- Stops: #355c7d, #6c5b7b, #c06c84 · angle 90° · source uigradients
- Families: blue, pink · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #355c7d 0%, #6c5b7b 50%, #c06c84 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#355c7d] via-[#6c5b7b] to-[#c06c84]`
- Contrast (worst point): white 3.67:1 AA-large · black 2.98:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.355c7d-6c5b7b-c06c84?a=90
- Colors: https://brandsweets.com/colors/355c7d, https://brandsweets.com/colors/6c5b7b, https://brandsweets.com/colors/c06c84

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

### Slight Ocean View

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

### Evening Night

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

### Blue Raspberry

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

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

### Azur Lane

- Slug: `azur-lane` · Page: https://brandsweets.com/gradients/azur-lane
- Stops: #7f7fd5, #86a8e7, #91eae4 · angle 90° · source uigradients
- Families: blue, teal · Moods: cool, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #7f7fd5 0%, #86a8e7 50%, #91eae4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#7f7fd5] via-[#86a8e7] to-[#91eae4]`
- Contrast (worst point): white 1.39:1 fail · black 5.90:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.7f7fd5-86a8e7-91eae4?a=90
- Colors: https://brandsweets.com/colors/7f7fd5, https://brandsweets.com/colors/86a8e7, https://brandsweets.com/colors/91eae4

### Cool Sky

- Slug: `cool-sky` · Page: https://brandsweets.com/gradients/cool-sky
- Stops: #2980b9, #6dd5fa, #ffffff · angle 90° · source uigradients
- Families: blue · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #2980b9 0%, #6dd5fa 50%, #ffffff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#2980b9] via-[#6dd5fa] to-[#ffffff]`
- Contrast (worst point): white 1.00:1 fail · black 4.88:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.2980b9-6dd5fa-ffffff?a=90
- Colors: https://brandsweets.com/colors/2980b9, https://brandsweets.com/colors/6dd5fa, https://brandsweets.com/colors/ffffff

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

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

### Moonlit Asteroid

- Slug: `moonlit-asteroid` · Page: https://brandsweets.com/gradients/moonlit-asteroid
- Stops: #0f2027, #203a43, #2c5364 · angle 90° · source uigradients
- Families: blue · Moods: cool, muted, dark, monochrome
- CSS: `linear-gradient(90deg in oklab, #0f2027 0%, #203a43 50%, #2c5364 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#0f2027] via-[#203a43] to-[#2c5364]`
- Contrast (worst point): white 8.31:1 AA · black 1.26:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.0f2027-203a43-2c5364?a=90
- Colors: https://brandsweets.com/colors/0f2027, https://brandsweets.com/colors/203a43, https://brandsweets.com/colors/2c5364

### Zenta

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

### Under Blue Green

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

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

### Dark Blue Gradient

- Slug: `dark-blue-gradient` · Page: https://brandsweets.com/gradients/dark-blue-gradient
- Stops: #2774ae, #002e5d, #002e5d · angle 90° · source uigradients
- Families: blue · Moods: cool, monochrome, ocean
- CSS: `linear-gradient(90deg in oklab, #2774ae 0%, #002e5d 50%, #002e5d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#2774ae] via-[#002e5d] to-[#002e5d]`
- Contrast (worst point): white 5.00:1 AA · black 1.55:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.2774ae-002e5d-002e5d?a=90
- Colors: https://brandsweets.com/colors/2774ae, https://brandsweets.com/colors/002e5d, https://brandsweets.com/colors/002e5d

### Dark Blu Two

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

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

### Blooze

- Slug: `blooze` · Page: https://brandsweets.com/gradients/blooze
- Stops: #6da6be, #4b859e, #6da6be · angle 90° · source uigradients
- Families: blue · Moods: cool, muted, monochrome, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #6da6be 0%, #4b859e 50%, #6da6be 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#6da6be] via-[#4b859e] to-[#6da6be]`
- Contrast (worst point): white 2.68:1 fail · black 5.15:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.6da6be-4b859e-6da6be?a=90
- Colors: https://brandsweets.com/colors/6da6be, https://brandsweets.com/colors/4b859e, https://brandsweets.com/colors/6da6be

### Blue Slate

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

### Emerald Sea

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

### Bleem

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

### Compass

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

### Moonwalker

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

### Hyper Blue

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

### Visual Blue

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

### Rainy Ashville

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

### Tempting Azure

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

### Lilac Sky

- Slug: `lilac-sky` · Page: https://brandsweets.com/gradients/lilac-sky
- Stops: #e0c3fc, #8ec5fc · angle 120° · source webgradients
- Families: purple, blue · Moods: cool, light, pastel, calm
- CSS: `linear-gradient(120deg in oklab, #e0c3fc 0%, #8ec5fc 100%)`
- Tailwind: `bg-linear-120/oklab from-[#e0c3fc] to-[#8ec5fc]`
- Contrast (worst point): white 1.57:1 fail · black 11.54:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.e0c3fc-8ec5fc?a=120
- Colors: https://brandsweets.com/colors/e0c3fc, https://brandsweets.com/colors/8ec5fc

### Plum Plate

- Slug: `plum-plate` · Page: https://brandsweets.com/gradients/plum-plate
- Stops: #667eea, #764ba2 · angle 135° · source webgradients
- Families: purple, blue · Moods: cool
- CSS: `linear-gradient(135deg in oklab, #667eea 0%, #764ba2 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#667eea] to-[#764ba2]`
- Contrast (worst point): white 3.66:1 AA-large · black 3.30:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.667eea-764ba2?a=135
- Colors: https://brandsweets.com/colors/667eea, https://brandsweets.com/colors/764ba2

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

### Happy Acid

- Slug: `happy-acid` · Page: https://brandsweets.com/gradients/happy-acid
- Stops: #37ecba, #72afd3 · angle 0° · source webgradients
- Families: teal, blue · Moods: cool, light, ocean
- CSS: `linear-gradient(0deg in oklab, #37ecba 0%, #72afd3 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#37ecba] to-[#72afd3]`
- Contrast (worst point): white 1.51:1 fail · black 8.79:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.37ecba-72afd3?a=0
- Colors: https://brandsweets.com/colors/37ecba, https://brandsweets.com/colors/72afd3

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

### Shady Water

- Slug: `shady-water` · Page: https://brandsweets.com/gradients/shady-water
- Stops: #74ebd5, #9face6 · angle 0° · source webgradients
- Families: teal, blue · Moods: cool, light, ocean, calm
- CSS: `linear-gradient(0deg in oklab, #74ebd5 0%, #9face6 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#74ebd5] to-[#9face6]`
- Contrast (worst point): white 1.44:1 fail · black 9.52:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.74ebd5-9face6?a=0
- Colors: https://brandsweets.com/colors/74ebd5, https://brandsweets.com/colors/9face6

### Polite Rumors

- Slug: `polite-rumors` · Page: https://brandsweets.com/gradients/polite-rumors
- Stops: #a7a6cb @0%, #8989ba @52%, #8989ba @100% · angle 0° · source webgradients
- Families: purple, blue · Moods: cool, muted, calm
- CSS: `linear-gradient(0deg in oklab, #a7a6cb 0%, #8989ba 52%, #8989ba 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#a7a6cb] via-[#8989ba] via-52% to-[#8989ba]`
- Contrast (worst point): white 2.34:1 fail · black 6.35:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a7a6cb_0-8989ba_52-8989ba_100?a=0
- Colors: https://brandsweets.com/colors/a7a6cb, https://brandsweets.com/colors/8989ba, https://brandsweets.com/colors/8989ba

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

### Summer Games

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

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

### Midnight Bloom

- Slug: `midnight-bloom` · Page: https://brandsweets.com/gradients/midnight-bloom
- Stops: #2b5876, #4e4376 · angle 340° · source webgradients
- Families: purple, blue · Moods: cool, muted, dark
- CSS: `linear-gradient(340deg in oklab, #2b5876 0%, #4e4376 100%)`
- Tailwind: `bg-linear-340/oklab from-[#2b5876] to-[#4e4376]`
- Contrast (worst point): white 7.60:1 AA · black 2.39:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.2b5876-4e4376?a=340
- Colors: https://brandsweets.com/colors/2b5876, https://brandsweets.com/colors/4e4376

### Frozen Berry

- Slug: `frozen-berry` · Page: https://brandsweets.com/gradients/frozen-berry
- Stops: #e8198b, #c7eafd · angle 0° · source webgradients
- Families: pink, blue
- CSS: `linear-gradient(0deg in oklab, #e8198b 0%, #c7eafd 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#e8198b] to-[#c7eafd]`
- Contrast (worst point): white 1.26:1 fail · black 4.94:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.e8198b-c7eafd?a=0
- Colors: https://brandsweets.com/colors/e8198b, https://brandsweets.com/colors/c7eafd

### New Retrowave

- Slug: `new-retrowave` · Page: https://brandsweets.com/gradients/new-retrowave
- Stops: #3b41c5 @0%, #a981bb @49%, #ffc8a9 @100% · angle 0° · source webgradients
- Families: purple, blue, orange
- CSS: `linear-gradient(0deg in oklab, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#3b41c5] via-[#a981bb] via-49% to-[#ffc8a9]`
- Contrast (worst point): white 1.49:1 fail · black 2.75:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.3b41c5_0-a981bb_49-ffc8a9_100?a=0
- Colors: https://brandsweets.com/colors/3b41c5, https://brandsweets.com/colors/a981bb, https://brandsweets.com/colors/ffc8a9

### African Field

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

### Forest Inei

- Slug: `forest-inei` · Page: https://brandsweets.com/gradients/forest-inei
- Stops: #df89b5, #bfd9fe · angle 0° · source webgradients
- Families: pink, blue · Moods: muted, light, calm
- CSS: `linear-gradient(0deg in oklab, #df89b5 0%, #bfd9fe 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#df89b5] to-[#bfd9fe]`
- Contrast (worst point): white 1.44:1 fail · black 8.38:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.df89b5-bfd9fe?a=0
- Colors: https://brandsweets.com/colors/df89b5, https://brandsweets.com/colors/bfd9fe

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

### Sleepless Night

- Slug: `sleepless-night` · Page: https://brandsweets.com/gradients/sleepless-night
- Stops: #5271c4 @0%, #b19fff @48%, #eca1fe @100% · angle 135° · source webgradients
- Families: purple, blue · Moods: cool
- CSS: `linear-gradient(135deg in oklab, #5271c4 0%, #b19fff 48%, #eca1fe 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#5271c4] via-[#b19fff] via-48% to-[#eca1fe]`
- Contrast (worst point): white 1.89:1 fail · black 4.52:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.5271c4_0-b19fff_48-eca1fe_100?a=135
- Colors: https://brandsweets.com/colors/5271c4, https://brandsweets.com/colors/b19fff, https://brandsweets.com/colors/eca1fe

### Soft Lipstick

- Slug: `soft-lipstick` · Page: https://brandsweets.com/gradients/soft-lipstick
- Stops: #b6cee8, #f578dc · angle 135° · source webgradients
- Families: pink, blue · Moods: light
- CSS: `linear-gradient(135deg in oklab, #b6cee8 0%, #f578dc 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#b6cee8] to-[#f578dc]`
- Contrast (worst point): white 1.61:1 fail · black 8.60:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b6cee8-f578dc?a=135
- Colors: https://brandsweets.com/colors/b6cee8, https://brandsweets.com/colors/f578dc

### Morning Salad

- Slug: `morning-salad` · Page: https://brandsweets.com/gradients/morning-salad
- Stops: #b7f8db, #50a7c2 · angle 135° · source webgradients
- Families: teal, blue · Moods: cool, muted, ocean, calm
- CSS: `linear-gradient(135deg in oklab, #b7f8db 0%, #50a7c2 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#b7f8db] to-[#50a7c2]`
- Contrast (worst point): white 1.20:1 fail · black 7.65:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.b7f8db-50a7c2?a=135
- Colors: https://brandsweets.com/colors/b7f8db, https://brandsweets.com/colors/50a7c2

### Sea Strike

- Slug: `sea-strike` · Page: https://brandsweets.com/gradients/sea-strike
- Stops: #77ffd2 @0%, #6297db @48%, #1eecff @100% · angle 135° · source webgradients
- Families: teal, blue · Moods: cool, ocean
- CSS: `linear-gradient(135deg in oklab, #77ffd2 0%, #6297db 48%, #1eecff 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#77ffd2] via-[#6297db] via-48% to-[#1eecff]`
- Contrast (worst point): white 1.23:1 fail · black 6.97:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.77ffd2_0-6297db_48-1eecff_100?a=135
- Colors: https://brandsweets.com/colors/77ffd2, https://brandsweets.com/colors/6297db, https://brandsweets.com/colors/1eecff

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

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

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

### Gagarin View

- Slug: `gagarin-view` · Page: https://brandsweets.com/gradients/gagarin-view
- Stops: #69eacb @0%, #eaccf8 @48%, #6654f1 @100% · angle 135° · source webgradients
- Families: purple, teal, blue · Moods: cool
- CSS: `linear-gradient(135deg in oklab, #69eacb 0%, #eaccf8 48%, #6654f1 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#69eacb] via-[#eaccf8] via-48% to-[#6654f1]`
- Contrast (worst point): white 1.45:1 fail · black 4.10:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.69eacb_0-eaccf8_48-6654f1_100?a=135
- Colors: https://brandsweets.com/colors/69eacb, https://brandsweets.com/colors/eaccf8, https://brandsweets.com/colors/6654f1

### The Sky And The Sea

- Slug: `the-sky-and-the-sea` · Page: https://brandsweets.com/gradients/the-sky-and-the-sea
- Stops: #f7941e, #004e8f · angle 90° · source uigradients
- Families: orange, blue
- CSS: `linear-gradient(90deg in oklab, #f7941e 0%, #004e8f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f7941e] to-[#004e8f]`
- Contrast (worst point): white 2.28:1 fail · black 2.49:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f7941e-004e8f?a=90
- Colors: https://brandsweets.com/colors/f7941e, https://brandsweets.com/colors/004e8f

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

### Petrol

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

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

### Emerald Water

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

### Monte Carlo

- Slug: `monte-carlo` · Page: https://brandsweets.com/gradients/monte-carlo
- Stops: #cc95c0, #dbd4b4, #7aa1d2 · angle 90° · source uigradients
- Families: pink, blue · Moods: muted, calm
- CSS: `linear-gradient(90deg in oklab, #cc95c0 0%, #dbd4b4 50%, #7aa1d2 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#cc95c0] via-[#dbd4b4] to-[#7aa1d2]`
- Contrast (worst point): white 1.49:1 fail · black 7.86:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cc95c0-dbd4b4-7aa1d2?a=90
- Colors: https://brandsweets.com/colors/cc95c0, https://brandsweets.com/colors/dbd4b4, https://brandsweets.com/colors/7aa1d2

### Rose Water

- Slug: `rose-water` · Page: https://brandsweets.com/gradients/rose-water
- Stops: #e55d87, #5fc3e4 · angle 90° · source uigradients
- Families: pink, blue
- CSS: `linear-gradient(90deg in oklab, #e55d87 0%, #5fc3e4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#e55d87] to-[#5fc3e4]`
- Contrast (worst point): white 2.02:1 fail · black 6.25:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.e55d87-5fc3e4?a=90
- Colors: https://brandsweets.com/colors/e55d87, https://brandsweets.com/colors/5fc3e4

### Kashmir

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

### Shroom Haze

- Slug: `shroom-haze` · Page: https://brandsweets.com/gradients/shroom-haze
- Stops: #5c258d, #4389a2 · angle 90° · source uigradients
- Families: purple, blue · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #5c258d 0%, #4389a2 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#5c258d] to-[#4389a2]`
- Contrast (worst point): white 3.93:1 AA-large · black 2.10:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.5c258d-4389a2?a=90
- Colors: https://brandsweets.com/colors/5c258d, https://brandsweets.com/colors/4389a2

### Mantle

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

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

### Dirty Fog

- Slug: `dirty-fog` · Page: https://brandsweets.com/gradients/dirty-fog
- Stops: #b993d6, #8ca6db · angle 90° · source uigradients
- Families: purple, blue · Moods: cool, light, calm
- CSS: `linear-gradient(90deg in oklab, #b993d6 0%, #8ca6db 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#b993d6] to-[#8ca6db]`
- Contrast (worst point): white 2.44:1 fail · black 8.18:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b993d6-8ca6db?a=90
- Colors: https://brandsweets.com/colors/b993d6, https://brandsweets.com/colors/8ca6db

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

### Endless River

- Slug: `endless-river` · Page: https://brandsweets.com/gradients/endless-river
- Stops: #43cea2, #185a9d · angle 90° · source uigradients
- Families: teal, blue · Moods: cool, ocean
- CSS: `linear-gradient(90deg in oklab, #43cea2 0%, #185a9d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#43cea2] to-[#185a9d]`
- Contrast (worst point): white 1.98:1 fail · black 2.99:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.43cea2-185a9d?a=90
- Colors: https://brandsweets.com/colors/43cea2, https://brandsweets.com/colors/185a9d

### Green and Blue

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

### Jupiter

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

### Disco

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

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

### Dawn

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

### Mild

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

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

### The Blue Lagoon

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

### Pacific Dream

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

### Celestial

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

### Maldives

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

### Crystal Clear

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

### Scooter

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

### Digital Water

- Slug: `digital-water` · Page: https://brandsweets.com/gradients/digital-water
- Stops: #74ebd5, #acb6e5 · angle 90° · source uigradients
- Families: teal, blue · Moods: cool, light, pastel, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #74ebd5 0%, #acb6e5 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#74ebd5] to-[#acb6e5]`
- Contrast (worst point): white 1.44:1 fail · black 10.58:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.74ebd5-acb6e5?a=90
- Colors: https://brandsweets.com/colors/74ebd5, https://brandsweets.com/colors/acb6e5

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

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

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

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

### Ameena

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

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

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