# Pastel gradients

Looking for a pastel gradient? These 60 are the corpus entries whose stops actually read that way — pale and gently coloured — rose, sky, mint, lilac — with the ink that still passes AA — 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/pastel
- Count: 60

## Gradients

### Warm Flame

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

### Spring Warmth

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

### Juicy Peach

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

### Lady Lips

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

### Sunny Morning

- Slug: `sunny-morning` · Page: https://brandsweets.com/gradients/sunny-morning
- Stops: #f6d365, #fda085 · angle 120° · source webgradients
- Families: red, yellow · Moods: warm, light, pastel, sunset
- CSS: `linear-gradient(120deg in oklab, #f6d365 0%, #fda085 100%)`
- Tailwind: `bg-linear-120/oklab from-[#f6d365] to-[#fda085]`
- Contrast (worst point): white 1.46:1 fail · black 10.54:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f6d365-fda085?a=120
- Colors: https://brandsweets.com/colors/f6d365, https://brandsweets.com/colors/fda085

### Rainy Ashville

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

### Frozen Dreams

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

### Winter Neva

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

### Tempting Azure

- Slug: `tempting-azure` · Page: https://brandsweets.com/gradients/tempting-azure
- Stops: #84fab0, #8fd3f4 · angle 120° · source webgradients
- Families: green, blue · Moods: cool, light, pastel, ocean
- CSS: `linear-gradient(120deg in oklab, #84fab0 0%, #8fd3f4 100%)`
- Tailwind: `bg-linear-120/oklab from-[#84fab0] to-[#8fd3f4]`
- Contrast (worst point): white 1.29:1 fail · black 12.78:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.84fab0-8fd3f4?a=120
- Colors: https://brandsweets.com/colors/84fab0, https://brandsweets.com/colors/8fd3f4

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

### Rare Wind

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

### Blessing

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

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

### Lemon Gate

- Slug: `lemon-gate` · Page: https://brandsweets.com/gradients/lemon-gate
- Stops: #96fbc4, #f9f586 · angle 0° · source webgradients
- Families: green, yellow · Moods: light, pastel
- CSS: `linear-gradient(0deg in oklab, #96fbc4 0%, #f9f586 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#96fbc4] to-[#f9f586]`
- Contrast (worst point): white 1.14:1 fail · black 16.89:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.96fbc4-f9f586?a=0
- Colors: https://brandsweets.com/colors/96fbc4, https://brandsweets.com/colors/f9f586

### Old Hat

- Slug: `old-hat` · Page: https://brandsweets.com/gradients/old-hat
- Stops: #e4afcb @0%, #b8cbb8 @0%, #e2c58b @30%, #c2ce9c @64%, #7edbdc @100% · angle 0° · source webgradients
- Families: pink, green, teal · Moods: muted, light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #e4afcb 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%)`
- Tailwind: `bg-[linear-gradient(0deg_in_oklab,#e4afcb_0%,#b8cbb8_0%,#e2c58b_30%,#c2ce9c_64%,#7edbdc_100%)]`
- Contrast (worst point): white 1.60:1 fail · black 11.29:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.e4afcb_0-b8cbb8_0-e2c58b_30-c2ce9c_64-7edbdc_100?a=0
- Colors: https://brandsweets.com/colors/e4afcb, https://brandsweets.com/colors/b8cbb8, https://brandsweets.com/colors/e2c58b, https://brandsweets.com/colors/c2ce9c, https://brandsweets.com/colors/7edbdc

### Awesome Pine

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

### New York

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

### Fresh Milk

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

### February Ink

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

### Kind Steel

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

### Soft Grass

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

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

### Over Sun

- Slug: `over-sun` · Page: https://brandsweets.com/gradients/over-sun
- Stops: #abecd6, #fbed96 · angle 60° · source webgradients
- Families: teal, yellow · Moods: light, pastel, calm
- CSS: `linear-gradient(60deg in oklab, #abecd6 0%, #fbed96 100%)`
- Tailwind: `bg-linear-60/oklab from-[#abecd6] to-[#fbed96]`
- Contrast (worst point): white 1.19:1 fail · black 15.70:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.abecd6-fbed96?a=60
- Colors: https://brandsweets.com/colors/abecd6, https://brandsweets.com/colors/fbed96

### Japan Blush

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

### Smiling Rain

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

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

### Marble Wall

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

### Cheerful Caramel

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

### Magic Lake

- Slug: `magic-lake` · Page: https://brandsweets.com/gradients/magic-lake
- Stops: #d5dee7 @0%, #ffafbd @0%, #c9ffbf @100% · angle 0° · source webgradients
- Families: green · Moods: light, pastel, calm
- CSS: `linear-gradient(0deg in oklab, #d5dee7 0%, #ffafbd 0%, #c9ffbf 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#d5dee7] via-[#ffafbd] via-0% to-[#c9ffbf]`
- Contrast (worst point): white 1.13:1 fail · black 12.16:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.d5dee7_0-ffafbd_0-c9ffbf_100?a=0
- Colors: https://brandsweets.com/colors/d5dee7, https://brandsweets.com/colors/ffafbd, https://brandsweets.com/colors/c9ffbf

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

### Sand Strike

- Slug: `sand-strike` · Page: https://brandsweets.com/gradients/sand-strike
- Stops: #c1c161, #d4d4b1 · angle 0° · source webgradients
- Families: yellow · Moods: warm, muted, light, pastel, monochrome, calm
- CSS: `linear-gradient(0deg in oklab, #c1c161 0%, #d4d4b1 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#c1c161] to-[#d4d4b1]`
- Contrast (worst point): white 1.52:1 fail · black 11.07:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.c1c161-d4d4b1?a=0
- Colors: https://brandsweets.com/colors/c1c161, https://brandsweets.com/colors/d4d4b1

### Sun Veggie

- Slug: `sun-veggie` · Page: https://brandsweets.com/gradients/sun-veggie
- Stops: #20e2d7, #f9fea5 · angle 135° · source webgradients
- Families: teal, yellow · Moods: light, pastel
- CSS: `linear-gradient(135deg in oklab, #20e2d7 0%, #f9fea5 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#20e2d7] to-[#f9fea5]`
- Contrast (worst point): white 1.06:1 fail · black 12.92:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.20e2d7-f9fea5?a=135
- Colors: https://brandsweets.com/colors/20e2d7, https://brandsweets.com/colors/f9fea5

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

### Grass Shampoo

- Slug: `grass-shampoo` · Page: https://brandsweets.com/gradients/grass-shampoo
- Stops: #dfffcd @0%, #90f9c4 @48%, #39f3bb @100% · angle 135° · source webgradients
- Families: green, teal · Moods: cool, light, pastel
- CSS: `linear-gradient(135deg in oklab, #dfffcd 0%, #90f9c4 48%, #39f3bb 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#dfffcd] via-[#90f9c4] via-48% to-[#39f3bb]`
- Contrast (worst point): white 1.09:1 fail · black 14.71:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.dfffcd_0-90f9c4_48-39f3bb_100?a=135
- Colors: https://brandsweets.com/colors/dfffcd, https://brandsweets.com/colors/90f9c4, https://brandsweets.com/colors/39f3bb

### Salt Mountain

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

### Perfect White

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

### Fresh Oasis

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

### Light Blue

- Slug: `light-blue` · Page: https://brandsweets.com/gradients/light-blue
- Stops: #9efbd3 @0%, #57e9f2 @48%, #45d4fb @100% · angle 135° · source webgradients
- Families: blue, teal · Moods: cool, light, pastel, ocean
- CSS: `linear-gradient(135deg in oklab, #9efbd3 0%, #57e9f2 48%, #45d4fb 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#9efbd3] via-[#57e9f2] via-48% to-[#45d4fb]`
- Contrast (worst point): white 1.22:1 fail · black 12.06:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.9efbd3_0-57e9f2_48-45d4fb_100?a=135
- Colors: https://brandsweets.com/colors/9efbd3, https://brandsweets.com/colors/57e9f2, https://brandsweets.com/colors/45d4fb

### Summer Breeze

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

### Windy

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

### Sunny Days

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

### Sea Blizz

- Slug: `sea-blizz` · Page: https://brandsweets.com/gradients/sea-blizz
- Stops: #1cd8d2, #93edc7 · angle 90° · source uigradients
- Families: teal · Moods: cool, light, pastel, ocean
- CSS: `linear-gradient(90deg in oklab, #1cd8d2 0%, #93edc7 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#1cd8d2] to-[#93edc7]`
- Contrast (worst point): white 1.38:1 fail · black 11.80:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.1cd8d2-93edc7?a=90
- Colors: https://brandsweets.com/colors/1cd8d2, https://brandsweets.com/colors/93edc7

### Jonquil

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

### Sirius Tamed

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

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

### Autumn

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

### Virgin

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

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

### Sun on the Horizon

- Slug: `sun-on-the-horizon` · Page: https://brandsweets.com/gradients/sun-on-the-horizon
- Stops: #fceabb, #f8b500 · angle 90° · source uigradients
- Families: yellow · Moods: warm, light, pastel, monochrome
- CSS: `linear-gradient(90deg in oklab, #fceabb 0%, #f8b500 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#fceabb] to-[#f8b500]`
- Contrast (worst point): white 1.19:1 fail · black 11.60:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.fceabb-f8b500?a=90
- Colors: https://brandsweets.com/colors/fceabb, https://brandsweets.com/colors/f8b500

### Limeade

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

### Cocoaa Ice

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

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

### Maldives

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

### Broken Hearts

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

### Dull

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

### Digital Water

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

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

### Margo

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

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

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

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