# Jewel Tones gradients

Looking for a jewel-tones gradient? These 36 are the corpus entries whose stops actually read that way — saturated mid-lightness stops — emerald, sapphire, amethyst territory — 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/jewel-tones
- Count: 36

## Gradients

### Night Party

- Slug: `night-party` · Page: https://brandsweets.com/gradients/night-party
- Stops: #0250c5, #d43f8d · angle 0° · source webgradients
- Families: blue, pink · Moods: vivid, jewel-tones
- CSS: `linear-gradient(0deg in oklab, #0250c5 0%, #d43f8d 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#0250c5] to-[#d43f8d]`
- Contrast (worst point): white 4.29:1 AA-large · black 2.96:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.0250c5-d43f8d?a=0
- Colors: https://brandsweets.com/colors/0250c5, https://brandsweets.com/colors/d43f8d

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

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

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

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

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

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

### Skyline

- Slug: `skyline` · Page: https://brandsweets.com/gradients/skyline
- Stops: #1488cc, #2b32b2 · angle 90° · source uigradients
- Families: blue · Moods: cool, vivid, jewel-tones, ocean
- CSS: `linear-gradient(90deg in oklab, #1488cc 0%, #2b32b2 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#1488cc] to-[#2b32b2]`
- Contrast (worst point): white 3.87:1 AA-large · black 2.20:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.1488cc-2b32b2?a=90
- Colors: https://brandsweets.com/colors/1488cc, https://brandsweets.com/colors/2b32b2

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

### YouTube

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

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

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

### Dracula

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

### Namn

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

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

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

### Clear Sky

- Slug: `clear-sky` · Page: https://brandsweets.com/gradients/clear-sky
- Stops: #005c97, #363795 · angle 90° · source uigradients
- Families: blue · Moods: cool, dark, jewel-tones, ocean
- CSS: `linear-gradient(90deg in oklab, #005c97 0%, #363795 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#005c97] to-[#363795]`
- Contrast (worst point): white 7.05:1 AA · black 2.14:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.005c97-363795?a=90
- Colors: https://brandsweets.com/colors/005c97, https://brandsweets.com/colors/363795

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

### Poncho

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

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

### Christmas

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

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

### Celestial

- Slug: `celestial` · Page: https://brandsweets.com/gradients/celestial
- Stops: #c33764, #1d2671 · angle 90° · source uigradients
- Families: pink, blue · Moods: jewel-tones
- CSS: `linear-gradient(90deg in oklab, #c33764 0%, #1d2671 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#c33764] to-[#1d2671]`
- Contrast (worst point): white 5.18:1 AA · black 1.57:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.c33764-1d2671?a=90
- Colors: https://brandsweets.com/colors/c33764, https://brandsweets.com/colors/1d2671

### Crystal Clear

- Slug: `crystal-clear` · Page: https://brandsweets.com/gradients/crystal-clear
- Stops: #159957, #155799 · angle 90° · source uigradients
- Families: green, blue · Moods: cool, jewel-tones, ocean
- CSS: `linear-gradient(90deg in oklab, #159957 0%, #155799 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#159957] to-[#155799]`
- Contrast (worst point): white 3.67:1 AA-large · black 2.85:1 fail · banding high
- Maker: https://brandsweets.com/gradients/new/v1.159957-155799?a=90
- Colors: https://brandsweets.com/colors/159957, https://brandsweets.com/colors/155799

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

### Alive

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

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

### Kimoby Is The New Blue

- Slug: `kimoby-is-the-new-blue` · Page: https://brandsweets.com/gradients/kimoby-is-the-new-blue
- Stops: #396afc, #2948ff · angle 90° · source uigradients
- Families: blue · Moods: cool, vivid, monochrome, jewel-tones, ocean
- CSS: `linear-gradient(90deg in oklab, #396afc 0%, #2948ff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#396afc] to-[#2948ff]`
- Contrast (worst point): white 4.53:1 AA · black 3.46:1 AA-large · banding high
- Maker: https://brandsweets.com/gradients/new/v1.396afc-2948ff?a=90
- Colors: https://brandsweets.com/colors/396afc, https://brandsweets.com/colors/2948ff

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

### Pure Lust

- Slug: `pure-lust` · Page: https://brandsweets.com/gradients/pure-lust
- Stops: #333333, #dd1818 · angle 90° · source uigradients
- Families: red · Moods: warm, vivid, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #333333 0%, #dd1818 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#333333] to-[#dd1818]`
- Contrast (worst point): white 4.98:1 AA · black 1.66:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.333333-dd1818?a=90
- Colors: https://brandsweets.com/colors/333333, https://brandsweets.com/colors/dd1818

### Vanusa

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

### Sin City Red

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

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

### Evening Sunshine

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

### Racker

- Slug: `racker` · Page: https://brandsweets.com/gradients/racker
- Stops: #eb0000, #95008a, #3300fc · angle 90° · source uigradients
- Families: red, blue · Moods: vivid, jewel-tones
- CSS: `linear-gradient(90deg in oklab, #eb0000 0%, #95008a 50%, #3300fc 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#eb0000] via-[#95008a] to-[#3300fc]`
- Contrast (worst point): white 4.63:1 AA · black 2.54:1 fail · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.eb0000-95008a-3300fc?a=90
- Colors: https://brandsweets.com/colors/eb0000, https://brandsweets.com/colors/95008a, https://brandsweets.com/colors/3300fc

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