# Purple gradients

104 named purple gradients from the two open corpora we bundle (uiGradients and WebGradients, both MIT) — lilac, violet, plum and indigo — the hues with the biggest gap between sRGB and OKLab midpoints, so every purple gradient here is rendered perceptually. Each has its own page with the CSS and Tailwind v4 to copy, a worst-case contrast verdict for white and black text, and an "open in the maker" link that carries the whole gradient in the URL.

- Page: https://brandsweets.com/gradients/purple
- Count: 104

## Gradients

### Night Fade

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

### Lilac Sky

- Slug: `lilac-sky` · Page: https://brandsweets.com/gradients/lilac-sky
- Stops: #e0c3fc, #8ec5fc · angle 120° · source webgradients
- Families: purple, blue · Moods: cool, light, pastel, calm
- CSS: `linear-gradient(120deg in oklab, #e0c3fc 0%, #8ec5fc 100%)`
- Tailwind: `bg-linear-120/oklab from-[#e0c3fc] to-[#8ec5fc]`
- Contrast (worst point): white 1.57:1 fail · black 11.54:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.e0c3fc-8ec5fc?a=120
- Colors: https://brandsweets.com/colors/e0c3fc, https://brandsweets.com/colors/8ec5fc

### Ripe Malinka

- Slug: `ripe-malinka` · Page: https://brandsweets.com/gradients/ripe-malinka
- Stops: #f093fb, #f5576c · angle 120° · source webgradients
- Families: purple, red · Moods: vivid, sunset
- CSS: `linear-gradient(120deg in oklab, #f093fb 0%, #f5576c 100%)`
- Tailwind: `bg-linear-120/oklab from-[#f093fb] to-[#f5576c]`
- Contrast (worst point): white 2.04:1 fail · black 6.46:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f093fb-f5576c?a=120
- Colors: https://brandsweets.com/colors/f093fb, https://brandsweets.com/colors/f5576c

### Near Moon

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

### Plum Plate

- Slug: `plum-plate` · Page: https://brandsweets.com/gradients/plum-plate
- Stops: #667eea, #764ba2 · angle 135° · source webgradients
- Families: purple, blue · Moods: cool
- CSS: `linear-gradient(135deg in oklab, #667eea 0%, #764ba2 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#667eea] to-[#764ba2]`
- Contrast (worst point): white 3.66:1 AA-large · black 3.30:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.667eea-764ba2?a=135
- Colors: https://brandsweets.com/colors/667eea, https://brandsweets.com/colors/764ba2

### Sharpeye Eagle

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

### Ladoga Bottom

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

### Zeus Miracle

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

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

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

### Sweet Period

- Slug: `sweet-period` · Page: https://brandsweets.com/gradients/sweet-period
- Stops: #3f51b1 @0%, #5a55ae @13%, #7b5fac @25%, #8f6aae @38%, #a86aa4 @50%, #cc6b8e @62%, #f18271 @75%, #f3a469 @87%, #f7c978 @100% · angle 0° · source webgradients
- Families: purple, blue, red, yellow
- CSS: `linear-gradient(0deg in oklab, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#3f51b1_0%,#5a55ae_13%,#7b5fac_25%,#8f6aae_38%,#a86aa4_50%,#cc6b8e_62%,#f18271_75%,#f3a469_87%,#f7c978_100%)]`
- Contrast (worst point): white 1.55:1 fail · black 3.02:1 AA-large · banding high
- Colors: https://brandsweets.com/colors/3f51b1, https://brandsweets.com/colors/5a55ae, https://brandsweets.com/colors/7b5fac, https://brandsweets.com/colors/8f6aae, https://brandsweets.com/colors/a86aa4, https://brandsweets.com/colors/cc6b8e, https://brandsweets.com/colors/f18271, https://brandsweets.com/colors/f3a469, https://brandsweets.com/colors/f7c978

### Sky Glider

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

### Heaven Peach

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

### Purple Division

- Slug: `purple-division` · Page: https://brandsweets.com/gradients/purple-division
- Stops: #7028e4, #e5b2ca · angle 0° · source webgradients
- Families: purple, pink
- CSS: `linear-gradient(0deg in oklab, #7028e4 0%, #e5b2ca 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#7028e4] to-[#e5b2ca]`
- Contrast (worst point): white 1.82:1 fail · black 3.11:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.7028e4-e5b2ca?a=0
- Colors: https://brandsweets.com/colors/7028e4, https://brandsweets.com/colors/e5b2ca

### Faraway River

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

### Mars Party

- Slug: `mars-party` · Page: https://brandsweets.com/gradients/mars-party
- Stops: #5f72bd, #9b23ea · angle 0° · source webgradients
- Families: purple, blue · Moods: cool, vivid, jewel-tones
- CSS: `linear-gradient(0deg in oklab, #5f72bd 0%, #9b23ea 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#5f72bd] to-[#9b23ea]`
- Contrast (worst point): white 4.53:1 AA · black 3.82:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.5f72bd-9b23ea?a=0
- Colors: https://brandsweets.com/colors/5f72bd, https://brandsweets.com/colors/9b23ea

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

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

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

### New Retrowave

- Slug: `new-retrowave` · Page: https://brandsweets.com/gradients/new-retrowave
- Stops: #3b41c5 @0%, #a981bb @49%, #ffc8a9 @100% · angle 0° · source webgradients
- Families: purple, blue, orange
- CSS: `linear-gradient(0deg in oklab, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#3b41c5] via-[#a981bb] via-49% to-[#ffc8a9]`
- Contrast (worst point): white 1.49:1 fail · black 2.75:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.3b41c5_0-a981bb_49-ffc8a9_100?a=0
- Colors: https://brandsweets.com/colors/3b41c5, https://brandsweets.com/colors/a981bb, https://brandsweets.com/colors/ffc8a9

### Dense Water

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

### Plum Bath

- Slug: `plum-bath` · Page: https://brandsweets.com/gradients/plum-bath
- Stops: #cc208e, #6713d2 · angle 0° · source webgradients
- Families: purple, pink · Moods: vivid, jewel-tones
- CSS: `linear-gradient(0deg in oklab, #cc208e 0%, #6713d2 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#cc208e] to-[#6713d2]`
- Contrast (worst point): white 5.04:1 AA · black 2.60:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cc208e-6713d2?a=0
- Colors: https://brandsweets.com/colors/cc208e, https://brandsweets.com/colors/6713d2

### North Miracle

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

### Smart Indigo

- Slug: `smart-indigo` · Page: https://brandsweets.com/gradients/smart-indigo
- Stops: #b224ef, #7579ff · angle 0° · source webgradients
- Families: purple, blue · Moods: cool, vivid, neon
- CSS: `linear-gradient(0deg in oklab, #b224ef 0%, #7579ff 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#b224ef] to-[#7579ff]`
- Contrast (worst point): white 3.53:1 AA-large · black 4.39:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b224ef-7579ff?a=0
- Colors: https://brandsweets.com/colors/b224ef, https://brandsweets.com/colors/7579ff

### Sea Lord

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

### Black Sea

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

### Sleepless Night

- Slug: `sleepless-night` · Page: https://brandsweets.com/gradients/sleepless-night
- Stops: #5271c4 @0%, #b19fff @48%, #eca1fe @100% · angle 135° · source webgradients
- Families: purple, blue · Moods: cool
- CSS: `linear-gradient(135deg in oklab, #5271c4 0%, #b19fff 48%, #eca1fe 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#5271c4] via-[#b19fff] via-48% to-[#eca1fe]`
- Contrast (worst point): white 1.89:1 fail · black 4.52:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.5271c4_0-b19fff_48-eca1fe_100?a=135
- Colors: https://brandsweets.com/colors/5271c4, https://brandsweets.com/colors/b19fff, https://brandsweets.com/colors/eca1fe

### Night Call

- Slug: `night-call` · Page: https://brandsweets.com/gradients/night-call
- Stops: #ac32e4 @0%, #7918f2 @48%, #4801ff @100% · angle 135° · source webgradients
- Families: purple, blue · Moods: cool, vivid, jewel-tones
- CSS: `linear-gradient(135deg in oklab, #ac32e4 0%, #7918f2 48%, #4801ff 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#ac32e4] via-[#7918f2] via-48% to-[#4801ff]`
- Contrast (worst point): white 4.85:1 AA · black 2.72:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ac32e4_0-7918f2_48-4801ff_100?a=135
- Colors: https://brandsweets.com/colors/ac32e4, https://brandsweets.com/colors/7918f2, https://brandsweets.com/colors/4801ff

### Mind Crawl

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

### Lily Meadow

- Slug: `lily-meadow` · Page: https://brandsweets.com/gradients/lily-meadow
- Stops: #65379b @0%, #886aea @53%, #6457c6 @100% · angle 135° · source webgradients
- Families: purple, blue · Moods: cool, vivid, jewel-tones
- CSS: `linear-gradient(135deg in oklab, #65379b 0%, #886aea 53%, #6457c6 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#65379b] via-[#886aea] via-53% to-[#6457c6]`
- Contrast (worst point): white 3.96:1 AA-large · black 2.57:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.65379b_0-886aea_53-6457c6_100?a=135
- Colors: https://brandsweets.com/colors/65379b, https://brandsweets.com/colors/886aea, https://brandsweets.com/colors/6457c6

### Teen Party

- Slug: `teen-party` · Page: https://brandsweets.com/gradients/teen-party
- Stops: #ff057c, #8d0b93, #321575 · angle 135° · source webgradients
- Families: purple, pink · Moods: vivid
- CSS: `linear-gradient(135deg in oklab, #ff057c 0%, #8d0b93 50%, #321575 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#ff057c] via-[#8d0b93] to-[#321575]`
- Contrast (worst point): white 3.77:1 AA-large · black 1.50:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ff057c-8d0b93-321575?a=135
- Colors: https://brandsweets.com/colors/ff057c, https://brandsweets.com/colors/8d0b93, https://brandsweets.com/colors/321575

### Gagarin View

- Slug: `gagarin-view` · Page: https://brandsweets.com/gradients/gagarin-view
- Stops: #69eacb @0%, #eaccf8 @48%, #6654f1 @100% · angle 135° · source webgradients
- Families: purple, teal, blue · Moods: cool
- CSS: `linear-gradient(135deg in oklab, #69eacb 0%, #eaccf8 48%, #6654f1 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#69eacb] via-[#eaccf8] via-48% to-[#6654f1]`
- Contrast (worst point): white 1.45:1 fail · black 4.10:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.69eacb_0-eaccf8_48-6654f1_100?a=135
- Colors: https://brandsweets.com/colors/69eacb, https://brandsweets.com/colors/eaccf8, https://brandsweets.com/colors/6654f1

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

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

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

### Steel Gray

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

### Kashmir

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

### Shroom Haze

- Slug: `shroom-haze` · Page: https://brandsweets.com/gradients/shroom-haze
- Stops: #5c258d, #4389a2 · angle 90° · source uigradients
- Families: purple, blue · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #5c258d 0%, #4389a2 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#5c258d] to-[#4389a2]`
- Contrast (worst point): white 3.93:1 AA-large · black 2.10:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.5c258d-4389a2?a=90
- Colors: https://brandsweets.com/colors/5c258d, https://brandsweets.com/colors/4389a2

### Calm Darya

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

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

### Dirty Fog

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

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

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

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

### Instagram

- Slug: `instagram` · Page: https://brandsweets.com/gradients/instagram
- Stops: #833ab4, #fd1d1d, #fcb045 · angle 90° · source uigradients
- Families: purple, orange · Moods: vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #833ab4 0%, #fd1d1d 50%, #fcb045 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#833ab4] via-[#fd1d1d] to-[#fcb045]`
- Contrast (worst point): white 1.84:1 fail · black 3.23:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.833ab4-fd1d1d-fcb045?a=90
- Colors: https://brandsweets.com/colors/833ab4, https://brandsweets.com/colors/fd1d1d, https://brandsweets.com/colors/fcb045

### Virgin America

- Slug: `virgin-america` · Page: https://brandsweets.com/gradients/virgin-america
- Stops: #7b4397, #dc2430 · angle 90° · source uigradients
- Families: purple, red · Moods: vivid, jewel-tones, sunset
- CSS: `linear-gradient(90deg in oklab, #7b4397 0%, #dc2430 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#7b4397] to-[#dc2430]`
- Contrast (worst point): white 4.84:1 AA · black 3.09:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.7b4397-dc2430?a=90
- Colors: https://brandsweets.com/colors/7b4397, https://brandsweets.com/colors/dc2430

### Timber

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

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

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

### Minnesota Vikings

- Slug: `minnesota-vikings` · Page: https://brandsweets.com/gradients/minnesota-vikings
- Stops: #5614b0, #dbd65c · angle 90° · source uigradients
- Families: purple, yellow · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #5614b0 0%, #dbd65c 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#5614b0] to-[#dbd65c]`
- Contrast (worst point): white 1.52:1 fail · black 2.12:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.5614b0-dbd65c?a=90
- Colors: https://brandsweets.com/colors/5614b0, https://brandsweets.com/colors/dbd65c

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

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

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

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

### Radar

- Slug: `radar` · Page: https://brandsweets.com/gradients/radar
- Stops: #a770ef, #cf8bf3, #fdb99b · angle 90° · source uigradients
- Families: purple, red · Moods: sunset
- CSS: `linear-gradient(90deg in oklab, #a770ef 0%, #cf8bf3 50%, #fdb99b 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#a770ef] via-[#cf8bf3] to-[#fdb99b]`
- Contrast (worst point): white 1.67:1 fail · black 6.21:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a770ef-cf8bf3-fdb99b?a=90
- Colors: https://brandsweets.com/colors/a770ef, https://brandsweets.com/colors/cf8bf3, https://brandsweets.com/colors/fdb99b

### Love and Liberty

- Slug: `love-and-liberty` · Page: https://brandsweets.com/gradients/love-and-liberty
- Stops: #200122, #6f0000 · angle 90° · source uigradients
- Families: purple, red · Moods: dark, sunset
- CSS: `linear-gradient(90deg in oklab, #200122 0%, #6f0000 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#200122] to-[#6f0000]`
- Contrast (worst point): white 12.53:1 AA · black 1.09:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.200122-6f0000?a=90
- Colors: https://brandsweets.com/colors/200122, https://brandsweets.com/colors/6f0000

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

### Relay

- Slug: `relay` · Page: https://brandsweets.com/gradients/relay
- Stops: #3a1c71, #d76d77, #ffaf7b · angle 90° · source uigradients
- Families: purple, orange · Moods: sunset
- CSS: `linear-gradient(90deg in oklab, #3a1c71 0%, #d76d77 50%, #ffaf7b 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#3a1c71] via-[#d76d77] to-[#ffaf7b]`
- Contrast (worst point): white 1.80:1 fail · black 1.58:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.3a1c71-d76d77-ffaf7b?a=90
- Colors: https://brandsweets.com/colors/3a1c71, https://brandsweets.com/colors/d76d77, https://brandsweets.com/colors/ffaf7b

### Crimson Tide

- Slug: `crimson-tide` · Page: https://brandsweets.com/gradients/crimson-tide
- Stops: #642b73, #c6426e · angle 90° · source uigradients
- Families: purple, pink · Moods: jewel-tones
- CSS: `linear-gradient(90deg in oklab, #642b73 0%, #c6426e 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#642b73] to-[#c6426e]`
- Contrast (worst point): white 4.77:1 AA · black 2.13:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.642b73-c6426e?a=90
- Colors: https://brandsweets.com/colors/642b73, https://brandsweets.com/colors/c6426e

### Purpink

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

### Pink Flavour

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

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

### Taran Tado

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

### Magic

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

### Wiretap

- Slug: `wiretap` · Page: https://brandsweets.com/gradients/wiretap
- Stops: #8a2387, #e94057, #f27121 · angle 90° · source uigradients
- Families: purple, orange · Moods: vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #8a2387 0%, #e94057 50%, #f27121 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#8a2387] via-[#e94057] to-[#f27121]`
- Contrast (worst point): white 2.93:1 fail · black 2.67:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.8a2387-e94057-f27121?a=90
- Colors: https://brandsweets.com/colors/8a2387, https://brandsweets.com/colors/e94057, https://brandsweets.com/colors/f27121

### Ultra Voilet

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

### Kyoo Tah

- Slug: `kyoo-tah` · Page: https://brandsweets.com/gradients/kyoo-tah
- Stops: #544a7d, #ffd452 · angle 90° · source uigradients
- Families: purple, yellow
- CSS: `linear-gradient(90deg in oklab, #544a7d 0%, #ffd452 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#544a7d] to-[#ffd452]`
- Contrast (worst point): white 1.42:1 fail · black 2.65:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.544a7d-ffd452?a=90
- Colors: https://brandsweets.com/colors/544a7d, https://brandsweets.com/colors/ffd452

### Kye Meh

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

### Amin

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

### Newspaper

- Slug: `newspaper` · Page: https://brandsweets.com/gradients/newspaper
- Stops: #8a2be2, #ffa500, #f8f8ff · angle 90° · source uigradients
- Families: purple · Moods: vivid, sunset
- CSS: `linear-gradient(90deg in oklab, #8a2be2 0%, #ffa500 50%, #f8f8ff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#8a2be2] via-[#ffa500] to-[#f8f8ff]`
- Contrast (worst point): white 1.06:1 fail · black 3.52:1 AA-large · banding low
- Maker: https://brandsweets.com/gradients/new/v1.8a2be2-ffa500-f8f8ff?a=90
- Colors: https://brandsweets.com/colors/8a2be2, https://brandsweets.com/colors/ffa500, https://brandsweets.com/colors/f8f8ff

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

### Mean Fruit

- Slug: `mean-fruit` · Page: https://brandsweets.com/gradients/mean-fruit
- Stops: #fccb90, #d57eeb · angle 120° · source webgradients
- Families: orange, purple · Moods: light, sunset
- CSS: `linear-gradient(120deg in oklab, #fccb90 0%, #d57eeb 100%)`
- Tailwind: `bg-linear-120/oklab from-[#fccb90] to-[#d57eeb]`
- Contrast (worst point): white 1.49:1 fail · black 8.01:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fccb90-d57eeb?a=120
- Colors: https://brandsweets.com/colors/fccb90, https://brandsweets.com/colors/d57eeb

### Morpheus Den

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

### Star Wine

- Slug: `star-wine` · Page: https://brandsweets.com/gradients/star-wine
- Stops: #b8cbb8 @0%, #b465da @0%, #cf6cc9 @33%, #ee609c @66%, #ee609c @100% · angle 0° · source webgradients
- Families: pink, purple, green
- CSS: `linear-gradient(0deg in oklab, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#b8cbb8_0%,#b465da_0%,#cf6cc9_33%,#ee609c_66%,#ee609c_100%)]`
- Contrast (worst point): white 1.71:1 fail · black 5.83:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b8cbb8_0-b465da_0-cf6cc9_33-ee609c_66-ee609c_100?a=0
- Colors: https://brandsweets.com/colors/b8cbb8, https://brandsweets.com/colors/b465da, https://brandsweets.com/colors/cf6cc9, https://brandsweets.com/colors/ee609c, https://brandsweets.com/colors/ee609c

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

### Mixed Hopes

- Slug: `mixed-hopes` · Page: https://brandsweets.com/gradients/mixed-hopes
- Stops: #c471f5, #fa71cd · angle 0° · source webgradients
- Families: pink, purple · Moods: vivid
- CSS: `linear-gradient(0deg in oklab, #c471f5 0%, #fa71cd 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#c471f5] to-[#fa71cd]`
- Contrast (worst point): white 2.53:1 fail · black 7.03:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c471f5-fa71cd?a=0
- Colors: https://brandsweets.com/colors/c471f5, https://brandsweets.com/colors/fa71cd

### Soft Cherish

- Slug: `soft-cherish` · Page: https://brandsweets.com/gradients/soft-cherish
- Stops: #dbdcd7 @0%, #dddcd7 @24%, #e2c9cc @30%, #e7627d @46%, #b8235a @59%, #801357 @71%, #3d1635 @84%, #1c1a27 @100% · angle 0° · source webgradients
- Families: pink, purple
- CSS: `linear-gradient(0deg in oklab, #dbdcd7 0%, #dddcd7 24%, #e2c9cc 30%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#dbdcd7_0%,#dddcd7_24%,#e2c9cc_30%,#e7627d_46%,#b8235a_59%,#801357_71%,#3d1635_84%,#1c1a27_100%)]`
- Contrast (worst point): white 1.37:1 fail · black 1.23:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.dbdcd7_0-dddcd7_24-e2c9cc_30-e7627d_46-b8235a_59-801357_71-3d1635_84-1c1a27_100?a=0
- Colors: https://brandsweets.com/colors/dbdcd7, https://brandsweets.com/colors/dddcd7, https://brandsweets.com/colors/e2c9cc, https://brandsweets.com/colors/e7627d, https://brandsweets.com/colors/b8235a, https://brandsweets.com/colors/801357, https://brandsweets.com/colors/3d1635, https://brandsweets.com/colors/1c1a27

### October Silence

- Slug: `october-silence` · Page: https://brandsweets.com/gradients/october-silence
- Stops: #b721ff, #21d4fd · angle 340° · source webgradients
- Families: blue, purple · Moods: cool, vivid, neon
- CSS: `linear-gradient(340deg in oklab, #b721ff 0%, #21d4fd 100%)`
- Tailwind: `bg-linear-340/oklab from-[#b721ff] to-[#21d4fd]`
- Contrast (worst point): white 1.76:1 fail · black 4.67:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.b721ff-21d4fd?a=340
- Colors: https://brandsweets.com/colors/b721ff, https://brandsweets.com/colors/21d4fd

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

### Le Cocktail

- Slug: `le-cocktail` · Page: https://brandsweets.com/gradients/le-cocktail
- Stops: #874da2, #c43a30 · angle 45° · source webgradients
- Families: red, purple · Moods: jewel-tones, sunset
- CSS: `linear-gradient(45deg in oklab, #874da2 0%, #c43a30 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#874da2] to-[#c43a30]`
- Contrast (worst point): white 5.25:1 AA · black 3.61:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.874da2-c43a30?a=45
- Colors: https://brandsweets.com/colors/874da2, https://brandsweets.com/colors/c43a30

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

### Sugar Lollipop

- Slug: `sugar-lollipop` · Page: https://brandsweets.com/gradients/sugar-lollipop
- Stops: #a445b2 @0%, #d41872 @52%, #ff0066 @100% · angle 135° · source webgradients
- Families: pink, purple · Moods: vivid, neon
- CSS: `linear-gradient(135deg in oklab, #a445b2 0%, #d41872 52%, #ff0066 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#a445b2] via-[#d41872] via-52% to-[#ff0066]`
- Contrast (worst point): white 3.86:1 AA-large · black 4.06:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a445b2_0-d41872_52-ff0066_100?a=135
- Colors: https://brandsweets.com/colors/a445b2, https://brandsweets.com/colors/d41872, https://brandsweets.com/colors/ff0066

### Sweet Dessert

- Slug: `sweet-dessert` · Page: https://brandsweets.com/gradients/sweet-dessert
- Stops: #7742b2 @0%, #f180ff @52%, #fd8bd9 @100% · angle 135° · source webgradients
- Families: pink, purple · Moods: vivid
- CSS: `linear-gradient(135deg in oklab, #7742b2 0%, #f180ff 52%, #fd8bd9 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#7742b2] via-[#f180ff] via-52% to-[#fd8bd9]`
- Contrast (worst point): white 2.13:1 fail · black 3.21:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.7742b2_0-f180ff_52-fd8bd9_100?a=135
- Colors: https://brandsweets.com/colors/7742b2, https://brandsweets.com/colors/f180ff, https://brandsweets.com/colors/fd8bd9

### Magic Ray

- Slug: `magic-ray` · Page: https://brandsweets.com/gradients/magic-ray
- Stops: #ff3cac @0%, #562b7c @52%, #2b86c5 @100% · angle 135° · source webgradients
- Families: pink, blue, purple · Moods: vivid
- CSS: `linear-gradient(135deg in oklab, #ff3cac 0%, #562b7c 52%, #2b86c5 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#ff3cac] via-[#562b7c] via-52% to-[#2b86c5]`
- Contrast (worst point): white 3.23:1 AA-large · black 2.03:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ff3cac_0-562b7c_52-2b86c5_100?a=135
- Colors: https://brandsweets.com/colors/ff3cac, https://brandsweets.com/colors/562b7c, https://brandsweets.com/colors/2b86c5

### Fabled Sunset

- Slug: `fabled-sunset` · Page: https://brandsweets.com/gradients/fabled-sunset
- Stops: #231557 @0%, #44107a @29%, #ff1361 @67% · angle 135° · source webgradients
- Families: pink, purple · Moods: vivid
- CSS: `linear-gradient(135deg in oklab, #231557 0%, #44107a 29%, #ff1361 67%)`
- Tailwind: `bg-linear-to-br/oklab from-[#231557] via-[#44107a] via-29% to-[#ff1361] to-67%`
- Contrast (worst point): white 3.81:1 AA-large · black 1.32:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.231557_0-44107a_29-ff1361_67?a=135
- Colors: https://brandsweets.com/colors/231557, https://brandsweets.com/colors/44107a, https://brandsweets.com/colors/ff1361

### Purple Love

- Slug: `purple-love` · Page: https://brandsweets.com/gradients/purple-love
- Stops: #cc2b5e, #753a88 · angle 90° · source uigradients
- Families: pink, purple · Moods: vivid, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #cc2b5e 0%, #753a88 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#cc2b5e] to-[#753a88]`
- Contrast (worst point): white 5.15:1 AA · black 2.72:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cc2b5e-753a88?a=90
- Colors: https://brandsweets.com/colors/cc2b5e, https://brandsweets.com/colors/753a88

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

### Aubergine

- Slug: `aubergine` · Page: https://brandsweets.com/gradients/aubergine
- Stops: #aa076b, #61045f · angle 90° · source uigradients
- Families: pink, purple · Moods: vivid, dark, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #aa076b 0%, #61045f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#aa076b] to-[#61045f]`
- Contrast (worst point): white 7.11:1 AA · black 1.69:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.aa076b-61045f?a=90
- Colors: https://brandsweets.com/colors/aa076b, https://brandsweets.com/colors/61045f

### Electric Violet

- Slug: `electric-violet` · Page: https://brandsweets.com/gradients/electric-violet
- Stops: #4776e6, #8e54e9 · angle 90° · source uigradients
- Families: blue, purple · Moods: cool, vivid, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #4776e6 0%, #8e54e9 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#4776e6] to-[#8e54e9]`
- Contrast (worst point): white 4.19:1 AA-large · black 4.58:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4776e6-8e54e9?a=90
- Colors: https://brandsweets.com/colors/4776e6, https://brandsweets.com/colors/8e54e9

### Influenza

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

### Bright Vault

- Slug: `bright-vault` · Page: https://brandsweets.com/gradients/bright-vault
- Stops: #00d2ff, #928dab · angle 90° · source uigradients
- Families: blue, purple · Moods: cool, calm
- CSS: `linear-gradient(90deg in oklab, #00d2ff 0%, #928dab 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00d2ff] to-[#928dab]`
- Contrast (worst point): white 1.80:1 fail · black 6.62:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.00d2ff-928dab?a=90
- Colors: https://brandsweets.com/colors/00d2ff, https://brandsweets.com/colors/928dab

### Grapefruit Sunset

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

### Can You Feel The Love Tonight

- Slug: `can-you-feel-the-love-tonight` · Page: https://brandsweets.com/gradients/can-you-feel-the-love-tonight
- Stops: #4568dc, #b06ab3 · angle 90° · source uigradients
- Families: blue, purple · Moods: cool
- CSS: `linear-gradient(90deg in oklab, #4568dc 0%, #b06ab3 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#4568dc] to-[#b06ab3]`
- Contrast (worst point): white 3.78:1 AA-large · black 4.27:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.4568dc-b06ab3?a=90
- Colors: https://brandsweets.com/colors/4568dc, https://brandsweets.com/colors/b06ab3

### Mello

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

### Bighead

- Slug: `bighead` · Page: https://brandsweets.com/gradients/bighead
- Stops: #c94b4b, #4b134f · angle 90° · source uigradients
- Families: red, purple · Moods: jewel-tones, sunset
- CSS: `linear-gradient(90deg in oklab, #c94b4b 0%, #4b134f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c94b4b] to-[#4b134f]`
- Contrast (worst point): white 4.57:1 AA · black 1.50:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.c94b4b-4b134f?a=90
- Colors: https://brandsweets.com/colors/c94b4b, https://brandsweets.com/colors/4b134f

### eXpresso

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

### Witching Hour

- Slug: `witching-hour` · Page: https://brandsweets.com/gradients/witching-hour
- Stops: #c31432, #240b36 · angle 90° · source uigradients
- Families: red, purple · Moods: sunset
- CSS: `linear-gradient(90deg in oklab, #c31432 0%, #240b36 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c31432] to-[#240b36]`
- Contrast (worst point): white 6.06:1 AA · black 1.18:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.c31432-240b36?a=90
- Colors: https://brandsweets.com/colors/c31432, https://brandsweets.com/colors/240b36

### Electric Peacock

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

### Unicorn Rainbow

- Slug: `unicorn-rainbow` · Page: https://brandsweets.com/gradients/unicorn-rainbow
- Stops: #f7f0ac, #acf7f0, #f0acf7 · angle 90° · source uigradients
- Families: yellow, purple · Moods: light, pastel, calm
- CSS: `linear-gradient(90deg in oklab, #f7f0ac 0%, #acf7f0 50%, #f0acf7 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f7f0ac] via-[#acf7f0] to-[#f0acf7]`
- Contrast (worst point): white 1.17:1 fail · black 11.95:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f7f0ac-acf7f0-f0acf7?a=90
- Colors: https://brandsweets.com/colors/f7f0ac, https://brandsweets.com/colors/acf7f0, https://brandsweets.com/colors/f0acf7

### Flower

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

### After the Rain

- Slug: `after-the-rain` · Page: https://brandsweets.com/gradients/after-the-rain
- Stops: #ff75c3, #ffa647, #ffe83f, #9fff5b, #70e2ff, #cd93ff · angle 90° · source uigradients
- Families: pink, purple · Moods: vivid, light
- CSS: `linear-gradient(90deg in oklab, #ff75c3 0%, #ffa647 20%, #ffe83f 40%, #9fff5b 60%, #70e2ff 80%, #cd93ff 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#ff75c3_0%,#ffa647_20%,#ffe83f_40%,#9fff5b_60%,#70e2ff_80%,#cd93ff_100%)]`
- Contrast (worst point): white 1.24:1 fail · black 8.59:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.ff75c3-ffa647-ffe83f-9fff5b-70e2ff-cd93ff?a=90
- Colors: https://brandsweets.com/colors/ff75c3, https://brandsweets.com/colors/ffa647, https://brandsweets.com/colors/ffe83f, https://brandsweets.com/colors/9fff5b, https://brandsweets.com/colors/70e2ff, https://brandsweets.com/colors/cd93ff

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