# Cool gradients

Looking for a cool gradient? These 240 are the corpus entries whose stops actually read that way — blues, teals, greens and purples only — the calm end of the wheel — tagged by measuring the stops in OKLCH, not by name. Every one renders in OKLab, ships its CSS and Tailwind v4, and carries the contrast verdict for both inks.

- Page: https://brandsweets.com/gradients/mood/cool
- Count: 240

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

### Dusty Grass

- Slug: `dusty-grass` · Page: https://brandsweets.com/gradients/dusty-grass
- Stops: #d4fc79, #96e6a1 · angle 120° · source webgradients
- Families: green · Moods: cool, light
- CSS: `linear-gradient(120deg in oklab, #d4fc79 0%, #96e6a1 100%)`
- Tailwind: `bg-linear-120/oklab from-[#d4fc79] to-[#96e6a1]`
- Contrast (worst point): white 1.17:1 fail · black 14.13:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d4fc79-96e6a1?a=120
- Colors: https://brandsweets.com/colors/d4fc79, https://brandsweets.com/colors/96e6a1

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

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

### New Life

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

### Morpheus Den

- Slug: `morpheus-den` · Page: https://brandsweets.com/gradients/morpheus-den
- Stops: #30cfd0, #330867 · angle 0° · source webgradients
- Families: teal, purple · Moods: cool
- CSS: `linear-gradient(0deg in oklab, #30cfd0 0%, #330867 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#30cfd0] to-[#330867]`
- Contrast (worst point): white 1.92:1 fail · black 1.37:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.30cfd0-330867?a=0
- Colors: https://brandsweets.com/colors/30cfd0, https://brandsweets.com/colors/330867

### Near Moon

- Slug: `near-moon` · Page: https://brandsweets.com/gradients/near-moon
- Stops: #5ee7df, #b490ca · angle 0° · source webgradients
- Families: purple, teal · Moods: cool, calm
- CSS: `linear-gradient(0deg in oklab, #5ee7df 0%, #b490ca 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#5ee7df] to-[#b490ca]`
- Contrast (worst point): white 1.50:1 fail · black 7.78:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.5ee7df-b490ca?a=0
- Colors: https://brandsweets.com/colors/5ee7df, https://brandsweets.com/colors/b490ca

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

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

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

### Sharpeye Eagle

- Slug: `sharpeye-eagle` · Page: https://brandsweets.com/gradients/sharpeye-eagle
- Stops: #9890e3, #b1f4cf · angle 0° · source webgradients
- Families: purple, green · Moods: cool, calm
- CSS: `linear-gradient(0deg in oklab, #9890e3 0%, #b1f4cf 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#9890e3] to-[#b1f4cf]`
- Contrast (worst point): white 1.26:1 fail · black 7.43:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.9890e3-b1f4cf?a=0
- Colors: https://brandsweets.com/colors/9890e3, https://brandsweets.com/colors/b1f4cf

### Ladoga Bottom

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

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

### Zeus Miracle

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

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

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

### Soft Grass

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

### Grown Early

- Slug: `grown-early` · Page: https://brandsweets.com/gradients/grown-early
- Stops: #0ba360, #3cba92 · angle 0° · source webgradients
- Families: green, teal · Moods: cool
- CSS: `linear-gradient(0deg in oklab, #0ba360 0%, #3cba92 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#0ba360] to-[#3cba92]`
- Contrast (worst point): white 2.43:1 fail · black 6.42:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.0ba360-3cba92?a=0
- Colors: https://brandsweets.com/colors/0ba360, https://brandsweets.com/colors/3cba92

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

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

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

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

### Sky Glider

- Slug: `sky-glider` · Page: https://brandsweets.com/gradients/sky-glider
- Stops: #88d3ce, #6e45e2 · angle 0° · source webgradients
- Families: purple, teal · Moods: cool
- CSS: `linear-gradient(0deg in oklab, #88d3ce 0%, #6e45e2 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#88d3ce] to-[#6e45e2]`
- Contrast (worst point): white 1.71:1 fail · black 3.61:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.88d3ce-6e45e2?a=0
- Colors: https://brandsweets.com/colors/88d3ce, https://brandsweets.com/colors/6e45e2

### Heaven Peach

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

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

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

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

### Faraway River

- Slug: `faraway-river` · Page: https://brandsweets.com/gradients/faraway-river
- Stops: #6e45e2, #88d3ce · angle 340° · source webgradients
- Families: purple, teal · Moods: cool
- CSS: `linear-gradient(340deg in oklab, #6e45e2 0%, #88d3ce 100%)`
- Tailwind: `bg-linear-340/oklab from-[#6e45e2] to-[#88d3ce]`
- Contrast (worst point): white 1.71:1 fail · black 3.61:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.6e45e2-88d3ce?a=340
- Colors: https://brandsweets.com/colors/6e45e2, https://brandsweets.com/colors/88d3ce

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

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

### Smiling Rain

- Slug: `smiling-rain` · Page: https://brandsweets.com/gradients/smiling-rain
- Stops: #dcb0ed, #99c99c · angle 340° · source webgradients
- Families: purple, green · Moods: cool, muted, light, pastel, calm
- CSS: `linear-gradient(340deg in oklab, #dcb0ed 0%, #99c99c 100%)`
- Tailwind: `bg-linear-340/oklab from-[#dcb0ed] to-[#99c99c]`
- Contrast (worst point): white 1.82:1 fail · black 11.15:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.dcb0ed-99c99c?a=340
- Colors: https://brandsweets.com/colors/dcb0ed, https://brandsweets.com/colors/99c99c

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

### Healthy Water

- Slug: `healthy-water` · Page: https://brandsweets.com/gradients/healthy-water
- Stops: #96deda, #50c9c3 · angle 60° · source webgradients
- Families: teal · Moods: cool, muted, light, monochrome, ocean, calm
- CSS: `linear-gradient(60deg in oklab, #96deda 0%, #50c9c3 100%)`
- Tailwind: `bg-linear-60/oklab from-[#96deda] to-[#50c9c3]`
- Contrast (worst point): white 1.53:1 fail · black 10.48:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.96deda-50c9c3?a=60
- Colors: https://brandsweets.com/colors/96deda, https://brandsweets.com/colors/50c9c3

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

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

### Crystalline

- Slug: `crystalline` · Page: https://brandsweets.com/gradients/crystalline
- Stops: #00cdac, #8ddad5 · angle 340° · source webgradients
- Families: teal · Moods: cool, light, monochrome, ocean, calm
- CSS: `linear-gradient(340deg in oklab, #00cdac 0%, #8ddad5 100%)`
- Tailwind: `bg-linear-340/oklab from-[#00cdac] to-[#8ddad5]`
- Contrast (worst point): white 1.60:1 fail · black 10.33:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.00cdac-8ddad5?a=340
- Colors: https://brandsweets.com/colors/00cdac, https://brandsweets.com/colors/8ddad5

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

### Confident Cloud

- Slug: `confident-cloud` · Page: https://brandsweets.com/gradients/confident-cloud
- Stops: #dad4ec @0%, #dad4ec @1%, #f3e7e9 @100% · angle 0° · source webgradients
- Families: purple · Moods: cool, muted, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#dad4ec] via-[#dad4ec] via-1% to-[#f3e7e9]`
- Contrast (worst point): white 1.21:1 fail · black 14.61:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.dad4ec_0-dad4ec_1-f3e7e9_100?a=0
- Colors: https://brandsweets.com/colors/dad4ec, https://brandsweets.com/colors/dad4ec, https://brandsweets.com/colors/f3e7e9

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

### Dense Water

- Slug: `dense-water` · Page: https://brandsweets.com/gradients/dense-water
- Stops: #3ab5b0 @0%, #3d99be @31%, #56317a @100% · angle 0° · source webgradients
- Families: purple, teal · Moods: cool
- CSS: `linear-gradient(0deg in oklab, #3ab5b0 0%, #3d99be 31%, #56317a 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#3ab5b0] via-[#3d99be] via-31% to-[#56317a]`
- Contrast (worst point): white 2.50:1 fail · black 2.12:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.3ab5b0_0-3d99be_31-56317a_100?a=0
- Colors: https://brandsweets.com/colors/3ab5b0, https://brandsweets.com/colors/3d99be, https://brandsweets.com/colors/56317a

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

### Young Grass

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

### Happy Unicorn

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

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

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

### North Miracle

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

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

### Mole Hall

- Slug: `mole-hall` · Page: https://brandsweets.com/gradients/mole-hall
- Stops: #616161, #9bc5c3 · angle 340° · source webgradients
- Families: teal · Moods: cool, muted
- CSS: `linear-gradient(340deg in oklab, #616161 0%, #9bc5c3 100%)`
- Tailwind: `bg-linear-340/oklab from-[#616161] to-[#9bc5c3]`
- Contrast (worst point): white 1.88:1 fail · black 3.39:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.616161-9bc5c3?a=340
- Colors: https://brandsweets.com/colors/616161, https://brandsweets.com/colors/9bc5c3

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

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

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

### Black Sea

- Slug: `black-sea` · Page: https://brandsweets.com/gradients/black-sea
- Stops: #2cd8d5 @0%, #6b8dd6 @48%, #8e37d7 @100% · angle 135° · source webgradients
- Families: purple, teal · Moods: cool
- CSS: `linear-gradient(135deg in oklab, #2cd8d5 0%, #6b8dd6 48%, #8e37d7 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#2cd8d5] via-[#6b8dd6] via-48% to-[#8e37d7]`
- Contrast (worst point): white 1.77:1 fail · black 3.68:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.2cd8d5_0-6b8dd6_48-8e37d7_100?a=135
- Colors: https://brandsweets.com/colors/2cd8d5, https://brandsweets.com/colors/6b8dd6, https://brandsweets.com/colors/8e37d7

### Grass Shampoo

- Slug: `grass-shampoo` · Page: https://brandsweets.com/gradients/grass-shampoo
- Stops: #dfffcd @0%, #90f9c4 @48%, #39f3bb @100% · angle 135° · source webgradients
- Families: green, teal · Moods: cool, light, pastel
- CSS: `linear-gradient(135deg in oklab, #dfffcd 0%, #90f9c4 48%, #39f3bb 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#dfffcd] via-[#90f9c4] via-48% to-[#39f3bb]`
- Contrast (worst point): white 1.09:1 fail · black 14.71:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.dfffcd_0-90f9c4_48-39f3bb_100?a=135
- Colors: https://brandsweets.com/colors/dfffcd, https://brandsweets.com/colors/90f9c4, https://brandsweets.com/colors/39f3bb

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

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

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

### Salt Mountain

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

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

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

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

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

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

### Mind Crawl

- Slug: `mind-crawl` · Page: https://brandsweets.com/gradients/mind-crawl
- Stops: #473b7b @0%, #3584a7 @51%, #30d2be @100% · angle 135° · source webgradients
- Families: purple, teal · Moods: cool
- CSS: `linear-gradient(135deg in oklab, #473b7b 0%, #3584a7 51%, #30d2be 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#473b7b] via-[#3584a7] via-51% to-[#30d2be]`
- Contrast (worst point): white 1.89:1 fail · black 2.18:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.473b7b_0-3584a7_51-30d2be_100?a=135
- Colors: https://brandsweets.com/colors/473b7b, https://brandsweets.com/colors/3584a7, https://brandsweets.com/colors/30d2be

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

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

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

### Farhan

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

### Ibtesam

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

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

### Purple Dream

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

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

### Ver Black

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

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

### Reaqua

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

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

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

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

### Green Beach

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

### Intuitive Purple

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

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

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

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

### Sea Weed

- Slug: `sea-weed` · Page: https://brandsweets.com/gradients/sea-weed
- Stops: #4cb8c4, #3cd3ad · angle 90° · source uigradients
- Families: teal · Moods: cool, light, ocean
- CSS: `linear-gradient(90deg in oklab, #4cb8c4 0%, #3cd3ad 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#4cb8c4] to-[#3cd3ad]`
- Contrast (worst point): white 1.89:1 fail · black 8.96:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4cb8c4-3cd3ad?a=90
- Colors: https://brandsweets.com/colors/4cb8c4, https://brandsweets.com/colors/3cd3ad

### Mojito

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

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

### Steel Gray

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

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

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

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

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

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

### Sea Blizz

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

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

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

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

### Calm Darya

- Slug: `calm-darya` · Page: https://brandsweets.com/gradients/calm-darya
- Stops: #5f2c82, #49a09d · angle 90° · source uigradients
- Families: purple, teal · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #5f2c82 0%, #49a09d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#5f2c82] to-[#49a09d]`
- Contrast (worst point): white 3.09:1 AA-large · black 2.17:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.5f2c82-49a09d?a=90
- Colors: https://brandsweets.com/colors/5f2c82, https://brandsweets.com/colors/49a09d

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

### Jonquil

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

### Misty Meadow

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

### Aqualicious

- Slug: `aqualicious` · Page: https://brandsweets.com/gradients/aqualicious
- Stops: #50c9c3, #96deda · angle 90° · source uigradients
- Families: teal · Moods: cool, muted, light, monochrome, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #50c9c3 0%, #96deda 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#50c9c3] to-[#96deda]`
- Contrast (worst point): white 1.53:1 fail · black 10.48:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.50c9c3-96deda?a=90
- Colors: https://brandsweets.com/colors/50c9c3, https://brandsweets.com/colors/96deda

### Moor

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

### Winter

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

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

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

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

### Parklife

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

### Teal Love

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

### Neon Life

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

### Amethyst

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

### Facebook Messenger

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

### Behongo

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

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

### Metallic Toad

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

### Between The Clouds

- Slug: `between-the-clouds` · Page: https://brandsweets.com/gradients/between-the-clouds
- Stops: #73c8a9, #373b44 · angle 90° · source uigradients
- Families: teal · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #73c8a9 0%, #373b44 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#73c8a9] to-[#373b44]`
- Contrast (worst point): white 1.99:1 fail · black 1.87:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.73c8a9-373b44?a=90
- Colors: https://brandsweets.com/colors/73c8a9, https://brandsweets.com/colors/373b44

### Talking To Mice Elf

- Slug: `talking-to-mice-elf-ui` · Page: https://brandsweets.com/gradients/talking-to-mice-elf-ui
- Stops: #948e99, #2e1437 · angle 90° · source uigradients
- Families: purple · Moods: cool, muted
- CSS: `linear-gradient(90deg in oklab, #948e99 0%, #2e1437 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#948e99] to-[#2e1437]`
- Contrast (worst point): white 3.19:1 AA-large · black 1.27:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.948e99-2e1437?a=90
- Colors: https://brandsweets.com/colors/948e99, https://brandsweets.com/colors/2e1437

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

### Twitch

- Slug: `twitch` · Page: https://brandsweets.com/gradients/twitch
- Stops: #6441a5, #2a0845 · angle 90° · source uigradients
- Families: purple · Moods: cool, dark, monochrome
- CSS: `linear-gradient(90deg in oklab, #6441a5 0%, #2a0845 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#6441a5] to-[#2a0845]`
- Contrast (worst point): white 7.39:1 AA · black 1.22:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.6441a5-2a0845?a=90
- Colors: https://brandsweets.com/colors/6441a5, https://brandsweets.com/colors/2a0845

### Vine

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

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

### Green to dark

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

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

### Timber

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

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

### Deep Purple

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

### Little Leaf

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

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

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

### Purplin

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

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

### Suzy

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

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

### Decent

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

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

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

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

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

### Lush

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

### IIIT Delhi

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

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

### Dania

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

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

### Black Rosé

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

### 80's Purple

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

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

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

### Under the Lake

- Slug: `under-the-lake` · Page: https://brandsweets.com/gradients/under-the-lake
- Stops: #093028, #237a57 · angle 90° · source uigradients
- Families: teal, green · Moods: cool, muted, forest
- CSS: `linear-gradient(90deg in oklab, #093028 0%, #237a57 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#093028] to-[#237a57]`
- Contrast (worst point): white 5.26:1 AA · black 1.47:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.093028-237a57?a=90
- Colors: https://brandsweets.com/colors/093028, https://brandsweets.com/colors/237a57

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

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

### Orca

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

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

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

### Purplepine

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

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

### Cinnamint

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

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

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

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

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

### Terminal

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

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

### Socialive

- Slug: `socialive` · Page: https://brandsweets.com/gradients/socialive
- Stops: #06beb6, #48b1bf · angle 90° · source uigradients
- Families: teal · Moods: cool, monochrome, ocean
- CSS: `linear-gradient(90deg in oklab, #06beb6 0%, #48b1bf 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#06beb6] to-[#48b1bf]`
- Contrast (worst point): white 2.32:1 fail · black 8.31:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.06beb6-48b1bf?a=90
- Colors: https://brandsweets.com/colors/06beb6, https://brandsweets.com/colors/48b1bf

### Subu

- Slug: `subu` · Page: https://brandsweets.com/gradients/subu
- Stops: #0cebeb, #20e3b2, #29ffc6 · angle 90° · source uigradients
- Families: teal · Moods: cool, light, ocean
- CSS: `linear-gradient(90deg in oklab, #0cebeb 0%, #20e3b2 50%, #29ffc6 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#0cebeb] via-[#20e3b2] to-[#29ffc6]`
- Contrast (worst point): white 1.29:1 fail · black 12.69:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.0cebeb-20e3b2-29ffc6?a=90
- Colors: https://brandsweets.com/colors/0cebeb, https://brandsweets.com/colors/20e3b2, https://brandsweets.com/colors/29ffc6

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

### Purpink

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

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

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

### Delicate

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

### Ohhappiness

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

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

### Quepal

- Slug: `quepal` · Page: https://brandsweets.com/gradients/quepal
- Stops: #11998e, #38ef7d · angle 90° · source uigradients
- Families: teal, green · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #11998e 0%, #38ef7d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#11998e] to-[#38ef7d]`
- Contrast (worst point): white 1.52:1 fail · black 5.97:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.11998e-38ef7d?a=90
- Colors: https://brandsweets.com/colors/11998e, https://brandsweets.com/colors/38ef7d

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

### Magic

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

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

### Summer Dog

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

### Kye Meh

- Slug: `kye-meh` · Page: https://brandsweets.com/gradients/kye-meh
- Stops: #8360c3, #2ebf91 · angle 90° · source uigradients
- Families: purple, teal · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #8360c3 0%, #2ebf91 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#8360c3] to-[#2ebf91]`
- Contrast (worst point): white 2.34:1 fail · black 4.43:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.8360c3-2ebf91?a=90
- Colors: https://brandsweets.com/colors/8360c3, https://brandsweets.com/colors/2ebf91

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

### Harvey

- Slug: `harvey` · Page: https://brandsweets.com/gradients/harvey
- Stops: #1f4037, #99f2c8 · angle 90° · source uigradients
- Families: teal, green · Moods: cool, muted, forest
- CSS: `linear-gradient(90deg in oklab, #1f4037 0%, #99f2c8 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#1f4037] to-[#99f2c8]`
- Contrast (worst point): white 1.32:1 fail · black 1.85:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.1f4037-99f2c8?a=90
- Colors: https://brandsweets.com/colors/1f4037, https://brandsweets.com/colors/99f2c8

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

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

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

### Electric Peacock

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

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

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

### Space Light Green

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

### Flower

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

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

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

### Neon Green

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

### Dusty Grass

- Slug: `dusty-grass-2` · Page: https://brandsweets.com/gradients/dusty-grass-2
- Stops: #d4fc79, #96e6a1 · angle 90° · source uigradients
- Families: green · Moods: cool, light
- CSS: `linear-gradient(90deg in oklab, #d4fc79 0%, #96e6a1 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#d4fc79] to-[#96e6a1]`
- Contrast (worst point): white 1.17:1 fail · black 14.13:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d4fc79-96e6a1?a=90
- Colors: https://brandsweets.com/colors/d4fc79, https://brandsweets.com/colors/96e6a1

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

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