# Teal gradients

114 named teal gradients from the two open corpora we bundle (uiGradients and WebGradients, both MIT) — cyan into sea-green into petrol — the ocean end of the wheel, and the family where an OKLCH arc between two teals stays vivid instead of going grey. Each has its own page with the CSS and Tailwind v4 to copy, a worst-case contrast verdict for white and black text, and an "open in the maker" link that carries the whole gradient in the URL.

- Page: https://brandsweets.com/gradients/teal
- Count: 114

## Gradients

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

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

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

### Jungle Day

- Slug: `jungle-day` · Page: https://brandsweets.com/gradients/jungle-day
- Stops: #8baaaa, #ae8b9c · angle 45° · source webgradients
- Families: teal, pink · Moods: muted, calm
- CSS: `linear-gradient(45deg in oklab, #8baaaa 0%, #ae8b9c 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#8baaaa] to-[#ae8b9c]`
- Contrast (worst point): white 2.49:1 fail · black 6.97:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.8baaaa-ae8b9c?a=45
- Colors: https://brandsweets.com/colors/8baaaa, https://brandsweets.com/colors/ae8b9c

### Over Sun

- Slug: `over-sun` · Page: https://brandsweets.com/gradients/over-sun
- Stops: #abecd6, #fbed96 · angle 60° · source webgradients
- Families: teal, yellow · Moods: light, pastel, calm
- CSS: `linear-gradient(60deg in oklab, #abecd6 0%, #fbed96 100%)`
- Tailwind: `bg-linear-60/oklab from-[#abecd6] to-[#fbed96]`
- Contrast (worst point): white 1.19:1 fail · black 15.70:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.abecd6-fbed96?a=60
- Colors: https://brandsweets.com/colors/abecd6, https://brandsweets.com/colors/fbed96

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

### Strong Stick

- Slug: `strong-stick` · Page: https://brandsweets.com/gradients/strong-stick
- Stops: #a8caba, #5d4157 · angle 0° · source webgradients
- Families: teal, pink · Moods: muted
- CSS: `linear-gradient(0deg in oklab, #a8caba 0%, #5d4157 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#a8caba] to-[#5d4157]`
- Contrast (worst point): white 1.78:1 fail · black 2.36:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.a8caba-5d4157?a=0
- Colors: https://brandsweets.com/colors/a8caba, https://brandsweets.com/colors/5d4157

### Palo Alto

- Slug: `palo-alto` · Page: https://brandsweets.com/gradients/palo-alto
- Stops: #16a085, #f4d03f · angle 300° · source webgradients
- Families: teal, yellow
- CSS: `linear-gradient(300deg in oklab, #16a085 0%, #f4d03f 100%)`
- Tailwind: `bg-linear-300/oklab from-[#16a085] to-[#f4d03f]`
- Contrast (worst point): white 1.51:1 fail · black 6.40:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.16a085-f4d03f?a=300
- Colors: https://brandsweets.com/colors/16a085, https://brandsweets.com/colors/f4d03f

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

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

### Sun Veggie

- Slug: `sun-veggie` · Page: https://brandsweets.com/gradients/sun-veggie
- Stops: #20e2d7, #f9fea5 · angle 135° · source webgradients
- Families: teal, yellow · Moods: light, pastel
- CSS: `linear-gradient(135deg in oklab, #20e2d7 0%, #f9fea5 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#20e2d7] to-[#f9fea5]`
- Contrast (worst point): white 1.06:1 fail · black 12.92:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.20e2d7-f9fea5?a=135
- Colors: https://brandsweets.com/colors/20e2d7, https://brandsweets.com/colors/f9fea5

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

### Perfect White

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

### Morning Salad

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

### Sea Strike

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

### Anwar

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

### Harmonic Energy

- Slug: `harmonic-energy` · Page: https://brandsweets.com/gradients/harmonic-energy
- Stops: #16a085, #f4d03f · angle 90° · source uigradients
- Families: teal, yellow
- CSS: `linear-gradient(90deg in oklab, #16a085 0%, #f4d03f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#16a085] to-[#f4d03f]`
- Contrast (worst point): white 1.51:1 fail · black 6.40:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.16a085-f4d03f?a=90
- Colors: https://brandsweets.com/colors/16a085, https://brandsweets.com/colors/f4d03f

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

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

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

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

### Shore

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

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

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

### Miami Dolphins

- Slug: `miami-dolphins` · Page: https://brandsweets.com/gradients/miami-dolphins
- Stops: #4da0b0, #d39d38 · angle 90° · source uigradients
- Families: teal, orange · Moods: calm
- CSS: `linear-gradient(90deg in oklab, #4da0b0 0%, #d39d38 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#4da0b0] to-[#d39d38]`
- Contrast (worst point): white 2.43:1 fail · black 6.97:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4da0b0-d39d38?a=90
- Colors: https://brandsweets.com/colors/4da0b0, https://brandsweets.com/colors/d39d38

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

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

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

### Honey Dew

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

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

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

### Mini

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

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

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

### Summer

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

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

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

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

### Sand to Blue

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

### Wedding Day Blues

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

### Metapolis

- Slug: `metapolis` · Page: https://brandsweets.com/gradients/metapolis
- Stops: #659999, #f4791f · angle 90° · source uigradients
- Families: teal, orange
- CSS: `linear-gradient(90deg in oklab, #659999 0%, #f4791f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#659999] to-[#f4791f]`
- Contrast (worst point): white 2.76:1 fail · black 6.57:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.659999-f4791f?a=90
- Colors: https://brandsweets.com/colors/659999, https://brandsweets.com/colors/f4791f

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

### Lemon Lime

- Slug: `lemon-lime` · Page: https://brandsweets.com/gradients/lemon-lime
- Stops: #7ec6bc, #ebe717 · angle 90° · source uigradients
- Families: teal, yellow · Moods: light
- CSS: `linear-gradient(90deg in oklab, #7ec6bc 0%, #ebe717 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#7ec6bc] to-[#ebe717]`
- Contrast (worst point): white 1.31:1 fail · black 10.69:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.7ec6bc-ebe717?a=90
- Colors: https://brandsweets.com/colors/7ec6bc, https://brandsweets.com/colors/ebe717

### Blue Red

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

### Elate The Euge

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

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

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

### Rare Wind

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

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

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

### Blessing

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

### Old Hat

- Slug: `old-hat` · Page: https://brandsweets.com/gradients/old-hat
- Stops: #e4afcb @0%, #b8cbb8 @0%, #e2c58b @30%, #c2ce9c @64%, #7edbdc @100% · angle 0° · source webgradients
- Families: pink, green, teal · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #e4afcb 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#e4afcb_0%,#b8cbb8_0%,#e2c58b_30%,#c2ce9c_64%,#7edbdc_100%)]`
- Contrast (worst point): white 1.60:1 fail · black 11.29:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.e4afcb_0-b8cbb8_0-e2c58b_30-c2ce9c_64-7edbdc_100?a=0
- Colors: https://brandsweets.com/colors/e4afcb, https://brandsweets.com/colors/b8cbb8, https://brandsweets.com/colors/e2c58b, https://brandsweets.com/colors/c2ce9c, https://brandsweets.com/colors/7edbdc

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

### Burning Spring

- Slug: `burning-spring` · Page: https://brandsweets.com/gradients/burning-spring
- Stops: #4fb576 @0%, #44c489 @30%, #28a9ae @46%, #28a2b7 @59%, #4c7788 @71%, #6c4f63 @80%, #432c39 @100% · angle 0° · source webgradients
- Families: green, pink, teal · Moods: muted
- CSS: `linear-gradient(0deg in oklab, #4fb576 0%, #44c489 30%, #28a9ae 46%, #28a2b7 59%, #4c7788 71%, #6c4f63 80%, #432c39 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#4fb576_0%,#44c489_30%,#28a9ae_46%,#28a2b7_59%,#4c7788_71%,#6c4f63_80%,#432c39_100%)]`
- Contrast (worst point): white 2.21:1 fail · black 1.66:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4fb576_0-44c489_30-28a9ae_46-28a2b7_59-4c7788_71-6c4f63_80-432c39_100?a=0
- Colors: https://brandsweets.com/colors/4fb576, https://brandsweets.com/colors/44c489, https://brandsweets.com/colors/28a9ae, https://brandsweets.com/colors/28a2b7, https://brandsweets.com/colors/4c7788, https://brandsweets.com/colors/6c4f63, https://brandsweets.com/colors/432c39

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

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

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

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

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

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

### Sea Lord

- Slug: `sea-lord` · Page: https://brandsweets.com/gradients/sea-lord
- Stops: #2cd8d5 @0%, #c5c1ff @56%, #ffbac3 @100% · angle 135° · source webgradients
- Families: purple, teal, pink · Moods: light, pastel, calm
- CSS: `linear-gradient(135deg in oklab, #2cd8d5 0%, #c5c1ff 56%, #ffbac3 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#2cd8d5] via-[#c5c1ff] via-56% to-[#ffbac3]`
- Contrast (worst point): white 1.61:1 fail · black 11.85:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.2cd8d5_0-c5c1ff_56-ffbac3_100?a=135
- Colors: https://brandsweets.com/colors/2cd8d5, https://brandsweets.com/colors/c5c1ff, https://brandsweets.com/colors/ffbac3

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

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

### Deep Relief

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

### Supreme Sky

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

### Light Blue

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

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

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

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

### Summer Breeze

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

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

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

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

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

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

### Miaka

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

### Forever Lost

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

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

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

### Purple Bliss

- Slug: `purple-bliss` · Page: https://brandsweets.com/gradients/purple-bliss
- Stops: #360033, #0b8793 · angle 90° · source uigradients
- Families: pink, teal
- CSS: `linear-gradient(90deg in oklab, #360033 0%, #0b8793 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#360033] to-[#0b8793]`
- Contrast (worst point): white 4.29:1 AA-large · black 1.21:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.360033-0b8793?a=90
- Colors: https://brandsweets.com/colors/360033, https://brandsweets.com/colors/0b8793

### Atlas

- Slug: `atlas` · Page: https://brandsweets.com/gradients/atlas
- Stops: #feac5e, #c779d0, #4bc0c8 · angle 90° · source uigradients
- Families: orange, teal
- CSS: `linear-gradient(90deg in oklab, #feac5e 0%, #c779d0 50%, #4bc0c8 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#feac5e] via-[#c779d0] to-[#4bc0c8]`
- Contrast (worst point): white 1.86:1 fail · black 7.07:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.feac5e-c779d0-4bc0c8?a=90
- Colors: https://brandsweets.com/colors/feac5e, https://brandsweets.com/colors/c779d0, https://brandsweets.com/colors/4bc0c8

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

### Fresh Turboscent

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

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

### Ali

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

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

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

### Azure Pop

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

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

### Cocoaa Ice

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

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

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

### Memariani

- Slug: `memariani` · Page: https://brandsweets.com/gradients/memariani
- Stops: #aa4b6b, #6b6b83, #3b8d99 · angle 90° · source uigradients
- Families: pink, teal · Moods: muted
- CSS: `linear-gradient(90deg in oklab, #aa4b6b 0%, #6b6b83 50%, #3b8d99 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#aa4b6b] via-[#6b6b83] to-[#3b8d99]`
- Contrast (worst point): white 3.85:1 AA-large · black 3.91:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.aa4b6b-6b6b83-3b8d99?a=90
- Colors: https://brandsweets.com/colors/aa4b6b, https://brandsweets.com/colors/6b6b83, https://brandsweets.com/colors/3b8d99

### Peach Sea

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

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

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