# Neon gradients

Looking for a neon gradient? These 24 are the corpus entries whose stops actually read that way — very high chroma at mid-to-high lightness — the ones that glow on a dark ground — 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/neon
- Count: 24

## Gradients

### Phoenix Start

- Slug: `phoenix-start` · Page: https://brandsweets.com/gradients/phoenix-start
- Stops: #f83600, #f9d423 · angle 0° · source webgradients
- Families: red, yellow · Moods: warm, vivid, sunset, neon
- CSS: `linear-gradient(0deg in oklab, #f83600 0%, #f9d423 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#f83600] to-[#f9d423]`
- Contrast (worst point): white 1.45:1 fail · black 5.52:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f83600-f9d423?a=0
- Colors: https://brandsweets.com/colors/f83600, https://brandsweets.com/colors/f9d423

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

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

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

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

### DIMIGO

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

### Playing with Reds

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

### Intuitive Purple

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

### Bloody Mary

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

### Cherry

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

### Day Tripper

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

### SoundCloud

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

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

### Superman

- Slug: `superman` · Page: https://brandsweets.com/gradients/superman
- Stops: #0099f7, #f11712 · angle 90° · source uigradients
- Families: blue, red · Moods: vivid, neon
- CSS: `linear-gradient(90deg in oklab, #0099f7 0%, #f11712 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#0099f7] to-[#f11712]`
- Contrast (worst point): white 3.04:1 AA-large · black 4.86:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.0099f7-f11712?a=90
- Colors: https://brandsweets.com/colors/0099f7, https://brandsweets.com/colors/f11712

### Minimal Red

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

### Blood Red

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

### Ibiza Sunset

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

### Rainbow Blue

- Slug: `rainbow-blue` · Page: https://brandsweets.com/gradients/rainbow-blue
- Stops: #00f260, #0575e6 · angle 90° · source uigradients
- Families: green, blue · Moods: cool, vivid, ocean, neon
- CSS: `linear-gradient(90deg in oklab, #00f260 0%, #0575e6 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#00f260] to-[#0575e6]`
- Contrast (worst point): white 1.51:1 fail · black 4.69:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.00f260-0575e6?a=90
- Colors: https://brandsweets.com/colors/00f260, https://brandsweets.com/colors/0575e6

### Sublime Vivid

- Slug: `sublime-vivid` · Page: https://brandsweets.com/gradients/sublime-vivid
- Stops: #fc466b, #3f5efb · angle 90° · source uigradients
- Families: pink, blue · Moods: vivid, neon
- CSS: `linear-gradient(90deg in oklab, #fc466b 0%, #3f5efb 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#fc466b] to-[#3f5efb]`
- Contrast (worst point): white 3.37:1 AA-large · black 4.20:1 AA-large · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.fc466b-3f5efb?a=90
- Colors: https://brandsweets.com/colors/fc466b, https://brandsweets.com/colors/3f5efb

### Shifter

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

### Burning Orange

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

### Flame

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

### Andreuzza's

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

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