# Ocean gradients

Looking for an ocean gradient? These 113 are the corpus entries whose stops actually read that way — blue and teal, with green only where a blue stop anchors it — lagoon to abyss — 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/ocean
- Count: 113

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

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

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

### Arielle's Smile

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

### Happy Fisher

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

### Itmeo Branding

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

### Happy Acid

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

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

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

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

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

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

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

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

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

### Party Bliss

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

### Flying Lemon

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

### Seashore

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

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

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

### High Flight

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

### Space Shift

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

### Aqua Guidance

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

### Landing Aircraft

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

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

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

### Supreme Sky

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

### Light Blue

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

### Perfect Blue

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

### Omolon

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

### From Ice To Fire

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

### Bluelagoo

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

### Lunada

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

### Windy

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

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

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

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

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

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

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

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

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

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

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

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

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

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

### Between Night and Day

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

### Clear Sky

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

### Back To Earth

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

### Azur Lane

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

### Cool Sky

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

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

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

### Hyper Blue

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

### Visual Blue

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

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