# Monochrome gradients

Looking for a monochrome gradient? These 107 are the corpus entries whose stops actually read that way — every stop within 20° of hue — real tonal ramps that read as one lit surface, not just a shared bucket — 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/monochrome
- Count: 107

## Gradients

### Warm Flame

- Slug: `warm-flame` · Page: https://brandsweets.com/gradients/warm-flame
- Stops: #ff9a9e @0%, #fad0c4 @99%, #fad0c4 @100% · angle 45° · source webgradients
- Families: red · Moods: warm, muted, light, pastel, monochrome, calm
- CSS: `linear-gradient(45deg in oklab, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#ff9a9e] via-[#fad0c4] via-99% to-[#fad0c4]`
- Contrast (worst point): white 1.41:1 fail · black 10.37:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ff9a9e_0-fad0c4_99-fad0c4_100?a=45
- Colors: https://brandsweets.com/colors/ff9a9e, https://brandsweets.com/colors/fad0c4, https://brandsweets.com/colors/fad0c4

### Soft Grass

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

### Dirty Beauty

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

### Great Whale

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

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

### Love Kiss

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

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

### Passionate Bed

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

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

### Vicious Stance

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

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

### Nega

- Slug: `nega` · Page: https://brandsweets.com/gradients/nega
- Stops: #ee9ca7, #ffdde1 · angle 45° · source webgradients
- Families: pink · Moods: warm, muted, light, monochrome, calm
- CSS: `linear-gradient(45deg in oklab, #ee9ca7 0%, #ffdde1 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#ee9ca7] to-[#ffdde1]`
- Contrast (worst point): white 1.26:1 fail · black 9.95:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ee9ca7-ffdde1?a=45
- Colors: https://brandsweets.com/colors/ee9ca7, https://brandsweets.com/colors/ffdde1

### Cheerful Caramel

- Slug: `cheerful-caramel` · Page: https://brandsweets.com/gradients/cheerful-caramel
- Stops: #e6b980, #eacda3 · angle 0° · source webgradients
- Families: orange · Moods: warm, muted, light, pastel, monochrome, calm
- CSS: `linear-gradient(0deg in oklab, #e6b980 0%, #eacda3 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#e6b980] to-[#eacda3]`
- Contrast (worst point): white 1.53:1 fail · black 11.62:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.e6b980-eacda3?a=0
- Colors: https://brandsweets.com/colors/e6b980, https://brandsweets.com/colors/eacda3

### Night Sky

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

### Solid Stone

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

### Sand Strike

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

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

### Perfect Blue

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

### Omolon

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

### Farhan

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

### Purple

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

### Purple Dream

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

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

### Reaqua

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

### Copper

- Slug: `copper` · Page: https://brandsweets.com/gradients/copper
- Stops: #b79891, #94716b · angle 90° · source uigradients
- Families: red · Moods: warm, muted, monochrome, calm
- CSS: `linear-gradient(90deg in oklab, #b79891 0%, #94716b 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#b79891] to-[#94716b]`
- Contrast (worst point): white 2.65:1 fail · black 4.83:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b79891-94716b?a=90
- Colors: https://brandsweets.com/colors/b79891, https://brandsweets.com/colors/94716b

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

### YouTube

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

### Cool Brown

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

### Playing with Reds

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

### Intuitive Purple

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

### Cherry

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

### Mojito

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

### Mirage

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

### Steel Gray

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

### Bourbon

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

### Shrimpy

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

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

### Namn

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

### Petrichor

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

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

### The Strain

- Slug: `the-strain` · Page: https://brandsweets.com/gradients/the-strain
- Stops: #870000, #190a05 · angle 90° · source uigradients
- Families: red · Moods: warm, dark, monochrome
- CSS: `linear-gradient(90deg in oklab, #870000 0%, #190a05 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#870000] to-[#190a05]`
- Contrast (worst point): white 10.34:1 AA · black 1.09:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.870000-190a05?a=90
- Colors: https://brandsweets.com/colors/870000, https://brandsweets.com/colors/190a05

### Ash

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

### Cherryblossoms

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

### Parklife

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

### Amethyst

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

### Behongo

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

### ServQuick

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

### Hersheys

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

### Twitch

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

### Flickr

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

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

### Koko Caramel

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

### Piglet

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

### Sage Persuasion

- Slug: `sage-persuasion` · Page: https://brandsweets.com/gradients/sage-persuasion
- Stops: #ccccb2, #757519 · angle 90° · source uigradients
- Families: yellow · Moods: warm, muted, monochrome
- CSS: `linear-gradient(90deg in oklab, #ccccb2 0%, #757519 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#ccccb2] to-[#757519]`
- Contrast (worst point): white 1.64:1 fail · black 4.32:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ccccb2-757519?a=90
- Colors: https://brandsweets.com/colors/ccccb2, https://brandsweets.com/colors/757519

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

### Passion

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

### Deep Purple

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

### Little Leaf

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

### Light Orange

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

### Inbox

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

### Purplin

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

### Pale Wood

- Slug: `pale-wood` · Page: https://brandsweets.com/gradients/pale-wood
- Stops: #eacda3, #d6ae7b · angle 90° · source uigradients
- Families: orange · Moods: warm, muted, light, monochrome, calm
- CSS: `linear-gradient(90deg in oklab, #eacda3 0%, #d6ae7b 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#eacda3] to-[#d6ae7b]`
- Contrast (worst point): white 1.53:1 fail · black 10.20:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.eacda3-d6ae7b?a=90
- Colors: https://brandsweets.com/colors/eacda3, https://brandsweets.com/colors/d6ae7b

### Haikus

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

### Joomla

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

### Nighthawk

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

### Suzy

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

### Dark Skies

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

### Decent

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

### Colors Of Sky

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

### Sylvia

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

### Minimal Red

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

### Royal

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

### Frost

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

### Lush

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

### Firewatch

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

### Blood Red

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

### Sun on the Horizon

- Slug: `sun-on-the-horizon` · Page: https://brandsweets.com/gradients/sun-on-the-horizon
- Stops: #fceabb, #f8b500 · angle 90° · source uigradients
- Families: yellow · Moods: warm, light, pastel, monochrome
- CSS: `linear-gradient(90deg in oklab, #fceabb 0%, #f8b500 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#fceabb] to-[#f8b500]`
- Contrast (worst point): white 1.19:1 fail · black 11.60:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.fceabb-f8b500?a=90
- Colors: https://brandsweets.com/colors/fceabb, https://brandsweets.com/colors/f8b500

### Black Rosé

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

### 80's Purple

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

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

### Purplepine

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

### Sha la la

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

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

### Html

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

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

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

### Lithium

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

### Sulphur

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

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

### Sin City Red

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

### Neuromancer

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

### Yoda

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

### Moonlit Asteroid

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

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

### Coffee Gold

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

### Andreuzza's

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

### Neon Green

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

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