# Muted gradients

Looking for a muted gradient? These 146 are the corpus entries whose stops actually read that way — low chroma throughout — the surfaces that carry text without fighting it — 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/muted
- Count: 146

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

### Spring Warmth

- Slug: `spring-warmth` · Page: https://brandsweets.com/gradients/spring-warmth
- Stops: #fad0c4 @0%, #fad0c4 @1%, #ffd1ff @100% · angle 0° · source webgradients
- Families: red, purple · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #fad0c4 0%, #fad0c4 1%, #ffd1ff 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#fad0c4] via-[#fad0c4] via-1% to-[#ffd1ff]`
- Contrast (worst point): white 1.33:1 fail · black 14.88:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fad0c4_0-fad0c4_1-ffd1ff_100?a=0
- Colors: https://brandsweets.com/colors/fad0c4, https://brandsweets.com/colors/fad0c4, https://brandsweets.com/colors/ffd1ff

### Juicy Peach

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

### Lady Lips

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

### Rainy Ashville

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

### Frozen Dreams

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

### Winter Neva

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

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

### Wild Apple

- Slug: `wild-apple` · Page: https://brandsweets.com/gradients/wild-apple
- Stops: #d299c2, #fef9d7 · angle 0° · source webgradients
- Families: pink, yellow · Moods: warm, muted, light, calm
- CSS: `linear-gradient(0deg in oklab, #d299c2 0%, #fef9d7 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#d299c2] to-[#fef9d7]`
- Contrast (worst point): white 1.06:1 fail · black 9.08:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.d299c2-fef9d7?a=0
- Colors: https://brandsweets.com/colors/d299c2, https://brandsweets.com/colors/fef9d7

### Saint Petersburg

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

### Everlasting Sky

- Slug: `everlasting-sky` · Page: https://brandsweets.com/gradients/everlasting-sky
- Stops: #fdfcfb, #e2d1c3 · angle 135° · source webgradients
- Families: orange · Moods: warm, muted, light, calm
- CSS: `linear-gradient(135deg in oklab, #fdfcfb 0%, #e2d1c3 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#fdfcfb] to-[#e2d1c3]`
- Contrast (worst point): white 1.02:1 fail · black 14.14:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fdfcfb-e2d1c3?a=135
- Colors: https://brandsweets.com/colors/fdfcfb, https://brandsweets.com/colors/e2d1c3

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

### Awesome Pine

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

### New York

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

### February Ink

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

### Kind Steel

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

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

### Polite Rumors

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

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

### Heaven Peach

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

### Aqua Splash

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

### Spiky Naga

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

### Clean Mirror

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

### Desert Hump

- Slug: `desert-hump` · Page: https://brandsweets.com/gradients/desert-hump
- Stops: #c79081, #dfa579 · angle 0° · source webgradients
- Families: red, orange · Moods: warm, muted, calm
- CSS: `linear-gradient(0deg in oklab, #c79081 0%, #dfa579 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#c79081] to-[#dfa579]`
- Contrast (worst point): white 2.14:1 fail · black 7.74:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c79081-dfa579?a=0
- Colors: https://brandsweets.com/colors/c79081, https://brandsweets.com/colors/dfa579

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

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

### Japan Blush

- Slug: `japan-blush` · Page: https://brandsweets.com/gradients/japan-blush
- Stops: #ddd6f3, #faaca8 · angle 340° · source webgradients
- Families: red, purple · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(340deg in oklab, #ddd6f3 0%, #faaca8 100%)`
- Tailwind: `bg-linear-340/oklab from-[#ddd6f3] to-[#faaca8]`
- Contrast (worst point): white 1.40:1 fail · black 11.53:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ddd6f3-faaca8?a=340
- Colors: https://brandsweets.com/colors/ddd6f3, https://brandsweets.com/colors/faaca8

### Smiling Rain

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

### Cloudy Apple

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

### Healthy Water

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

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

### Vicious Stance

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

### Midnight Bloom

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

### Raccoon Back

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

### Confident Cloud

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

### Child Care

- Slug: `child-care` · Page: https://brandsweets.com/gradients/child-care
- Stops: #f794a4, #fdd6bd · angle 340° · source webgradients
- Families: pink, orange · Moods: warm, muted, light, calm
- CSS: `linear-gradient(340deg in oklab, #f794a4 0%, #fdd6bd 100%)`
- Tailwind: `bg-linear-340/oklab from-[#f794a4] to-[#fdd6bd]`
- Contrast (worst point): white 1.35:1 fail · black 9.73:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f794a4-fdd6bd?a=340
- Colors: https://brandsweets.com/colors/f794a4, https://brandsweets.com/colors/fdd6bd

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

### Marble Wall

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

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

### Gentle Care

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

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

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

### Forest Inei

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

### Rich Metal

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

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

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

### Fresh Oasis

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

### Strict November

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

### Morning Salad

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

### Deep Relief

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

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

### Royal Blue

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

### Royal Blue + Petrol

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

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

### Petrol

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

### Afternoon

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

### Sea Blue

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

### Nimvelo

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

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

### Monte Carlo

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

### Horizon

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

### Frozen

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

### Purple Paradise

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

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

### Venice Blue

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

### Bora Bora

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

### Moss

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

### Mystic

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

### Titanium

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

### Moonrise

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

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

### Jonquil

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

### Sirius Tamed

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

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

### Almost

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

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

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

### Autumn

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

### Candy

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

### Earthly

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

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

### ServQuick

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

### Friday

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

### Metallic Toad

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

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

### Talking To Mice Elf

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

### Vine

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

### Turquoise flow

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

### Portrait

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

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

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

### Lizard

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

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

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

### Pizelex

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

### Forest

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

### Nighthawk

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

### Dark Skies

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

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

### Purple White

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

### Deep Sea Space

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

### Royal

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

### Mauve

- Slug: `mauve` · Page: https://brandsweets.com/gradients/mauve
- Stops: #42275a, #734b6d · angle 90° · source uigradients
- Families: purple, pink · Moods: muted, dark
- CSS: `linear-gradient(90deg in oklab, #42275a 0%, #734b6d 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#42275a] to-[#734b6d]`
- Contrast (worst point): white 7.10:1 AA · black 1.67:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.42275a-734b6d?a=90
- Colors: https://brandsweets.com/colors/42275a, https://brandsweets.com/colors/734b6d

### Jupiter

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

### 50 Shades of Grey

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

### Dania

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

### Limeade

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

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

### Jaipur

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

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

### Rose Colored Lenses

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

### Roseanna

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

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

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

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

### Broken Hearts

- Slug: `broken-hearts` · Page: https://brandsweets.com/gradients/broken-hearts
- Stops: #d9a7c7, #fffcdc · angle 90° · source uigradients
- Families: pink, yellow · Moods: warm, muted, light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #d9a7c7 0%, #fffcdc 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#d9a7c7] to-[#fffcdc]`
- Contrast (worst point): white 1.04:1 fail · black 10.30:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.d9a7c7-fffcdc?a=90
- Colors: https://brandsweets.com/colors/d9a7c7, https://brandsweets.com/colors/fffcdc

### Dull

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

### Zinc

- Slug: `zinc` · Page: https://brandsweets.com/gradients/zinc
- Stops: #ada996, #f2f2f2, #dbdbdb, #eaeaea · angle 90° · source uigradients
- Families: yellow · Moods: warm, muted, light, calm
- CSS: `linear-gradient(90deg in oklab, #ada996 0%, #f2f2f2 33.33%, #dbdbdb 66.67%, #eaeaea 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#ada996_0%,#f2f2f2_33.33%,#dbdbdb_66.67%,#eaeaea_100%)]`
- Contrast (worst point): white 1.12:1 fail · black 8.89:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ada996-f2f2f2-dbdbdb-eaeaea?a=90
- Colors: https://brandsweets.com/colors/ada996, https://brandsweets.com/colors/f2f2f2, https://brandsweets.com/colors/dbdbdb, https://brandsweets.com/colors/eaeaea

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

### Selenium

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

### Delicate

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

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

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

### Red Sunset

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

### Evening Night

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

### Margo

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

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

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

### Moonlit Asteroid

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

### Zenta

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

### Blooze

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

### Blue Slate

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

### Space Light Green

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

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

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

### Compass

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

### Moonwalker

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

### Whinehouse

- Slug: `whinehouse` · Page: https://brandsweets.com/gradients/whinehouse
- Stops: #f7f7f7, #b9a0a0, #794747, #4e2020, #111111 · angle 90° · source uigradients
- Families: red · Moods: warm, muted
- CSS: `linear-gradient(90deg in oklab, #f7f7f7 0%, #b9a0a0 25%, #794747 50%, #4e2020 75%, #111111 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#f7f7f7_0%,#b9a0a0_25%,#794747_50%,#4e2020_75%,#111111_100%)]`
- Contrast (worst point): white 1.07:1 fail · black 1.11:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f7f7f7-b9a0a0-794747-4e2020-111111?a=90
- Colors: https://brandsweets.com/colors/f7f7f7, https://brandsweets.com/colors/b9a0a0, https://brandsweets.com/colors/794747, https://brandsweets.com/colors/4e2020, https://brandsweets.com/colors/111111

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