# Orange gradients

53 named orange gradients from the two open corpora we bundle (uiGradients and WebGradients, both MIT) — peach, tangerine and amber — high-chroma hues that sit near the top of the gamut, where a careless interpolation clips and a perceptual one keeps the glow. 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/orange
- Count: 53

## Gradients

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

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

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

### Radioactive Heat

- Slug: `radioactive-heat` · Page: https://brandsweets.com/gradients/radioactive-heat
- Stops: #f7941e, #72c6ef, #00a651 · angle 90° · source uigradients
- Families: orange, green
- CSS: `linear-gradient(90deg in oklab, #f7941e 0%, #72c6ef 50%, #00a651 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f7941e] via-[#72c6ef] to-[#00a651]`
- Contrast (worst point): white 1.90:1 fail · black 6.57:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f7941e-72c6ef-00a651?a=90
- Colors: https://brandsweets.com/colors/f7941e, https://brandsweets.com/colors/72c6ef, https://brandsweets.com/colors/00a651

### The Sky And The Sea

- Slug: `the-sky-and-the-sea` · Page: https://brandsweets.com/gradients/the-sky-and-the-sea
- Stops: #f7941e, #004e8f · angle 90° · source uigradients
- Families: orange, blue
- CSS: `linear-gradient(90deg in oklab, #f7941e 0%, #004e8f 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#f7941e] to-[#004e8f]`
- Contrast (worst point): white 2.28:1 fail · black 2.49:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.f7941e-004e8f?a=90
- Colors: https://brandsweets.com/colors/f7941e, https://brandsweets.com/colors/004e8f

### Blue & Orange

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

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

### Mango Pulp

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

### Juicy Orange

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

### Starfall

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

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

### Crazy Orange I

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

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

### Pastel Orange at the Sun

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

### Atlas

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

### Koko Caramel

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

### Light Orange

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

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

### Tranquil

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

### Sherbert

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

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

### Dawn

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

### Learning and Leading

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

### Sunkist

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

### Orange Coral

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

### Mango Papaya

- Slug: `mango-papaya` · Page: https://brandsweets.com/gradients/mango-papaya
- Stops: #de8a41, #2ada53 · angle 90° · source uigradients
- Families: orange, green · Moods: vivid
- CSS: `linear-gradient(90deg in oklab, #de8a41 0%, #2ada53 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#de8a41] to-[#2ada53]`
- Contrast (worst point): white 1.86:1 fail · black 7.82:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.de8a41-2ada53?a=90
- Colors: https://brandsweets.com/colors/de8a41, https://brandsweets.com/colors/2ada53

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

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

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

### Happy Memories

- Slug: `happy-memories` · Page: https://brandsweets.com/gradients/happy-memories
- Stops: #ff5858, #f09819 · angle 300° · source webgradients
- Families: red, orange · Moods: warm, vivid, sunset
- CSS: `linear-gradient(300deg in oklab, #ff5858 0%, #f09819 100%)`
- Tailwind: `bg-linear-300/oklab from-[#ff5858] to-[#f09819]`
- Contrast (worst point): white 2.28:1 fail · black 6.79:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ff5858-f09819?a=300
- Colors: https://brandsweets.com/colors/ff5858, https://brandsweets.com/colors/f09819

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

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

### Orange Juice

- Slug: `orange-juice` · Page: https://brandsweets.com/gradients/orange-juice
- Stops: #fc6076, #ff9a44 · angle 340° · source webgradients
- Families: red, orange · Moods: warm, vivid, sunset
- CSS: `linear-gradient(340deg in oklab, #fc6076 0%, #ff9a44 100%)`
- Tailwind: `bg-linear-340/oklab from-[#fc6076] to-[#ff9a44]`
- Contrast (worst point): white 2.11:1 fail · black 7.07:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.fc6076-ff9a44?a=340
- Colors: https://brandsweets.com/colors/fc6076, https://brandsweets.com/colors/ff9a44

### Mango

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

### Sunrise

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

### Pinky

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

### A Lost Memory

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

### Shore

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

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

### Master Card

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

### Miami Dolphins

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

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

### Sweet Morning

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

### Ed's Sunset Gradient

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

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

### Mini

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

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

### Pun Yeta

- Slug: `pun-yeta` · Page: https://brandsweets.com/gradients/pun-yeta
- Stops: #108dc7, #ef8e38 · angle 90° · source uigradients
- Families: blue, orange
- CSS: `linear-gradient(90deg in oklab, #108dc7 0%, #ef8e38 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#108dc7] to-[#ef8e38]`
- Contrast (worst point): white 2.44:1 fail · black 5.66:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.108dc7-ef8e38?a=90
- Colors: https://brandsweets.com/colors/108dc7, https://brandsweets.com/colors/ef8e38

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

### Metapolis

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

### Flare

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

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