# Calm gradients

Looking for a calm gradient? These 103 are the corpus entries whose stops actually read that way — low chroma, light, and a narrow lightness range — the quietest surfaces in the corpus — 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/calm
- Count: 103

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

### Night Fade

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

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

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

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

### Near Moon

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

### Wild Apple

- Slug: `wild-apple` · Page: https://brandsweets.com/gradients/wild-apple
- Stops: #d299c2, #fef9d7 · angle 0° · source webgradients
- Families: pink, yellow · Moods: warm, muted, light, calm
- CSS: `linear-gradient(0deg in oklab, #d299c2 0%, #fef9d7 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#d299c2] to-[#fef9d7]`
- Contrast (worst point): white 1.06:1 fail · black 9.08:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.d299c2-fef9d7?a=0
- Colors: https://brandsweets.com/colors/d299c2, https://brandsweets.com/colors/fef9d7

### Saint Petersburg

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

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

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

### Sharpeye Eagle

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

### Ladoga Bottom

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

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

### Shy Rainbow

- Slug: `shy-rainbow` · Page: https://brandsweets.com/gradients/shy-rainbow
- Stops: #eea2a2 @0%, #bbc1bf @19%, #57c6e1 @42% · angle 0° · source webgradients
- Families: red, blue · Moods: light, calm
- CSS: `linear-gradient(0deg in oklab, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%)`
- Tailwind: `bg-linear-to-t/oklab from-[#eea2a2] via-[#bbc1bf] via-19% to-[#57c6e1] to-42%`
- Contrast (worst point): white 1.83:1 fail · black 10.32:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.eea2a2_0-bbc1bf_19-57c6e1_42?a=0
- Colors: https://brandsweets.com/colors/eea2a2, https://brandsweets.com/colors/bbc1bf, https://brandsweets.com/colors/57c6e1

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

### Shady Water

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

### Dirty Beauty

- Slug: `dirty-beauty` · Page: https://brandsweets.com/gradients/dirty-beauty
- Stops: #6a85b6, #bac8e0 · angle 0° · source webgradients
- Families: blue · Moods: cool, muted, monochrome, calm
- CSS: `linear-gradient(0deg in oklab, #6a85b6 0%, #bac8e0 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#6a85b6] to-[#bac8e0]`
- Contrast (worst point): white 1.69:1 fail · black 5.64:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.6a85b6-bac8e0?a=0
- Colors: https://brandsweets.com/colors/6a85b6, https://brandsweets.com/colors/bac8e0

### Great Whale

- Slug: `great-whale` · Page: https://brandsweets.com/gradients/great-whale
- Stops: #a3bded, #6991c7 · angle 0° · source webgradients
- Families: blue · Moods: cool, muted, monochrome, ocean, calm
- CSS: `linear-gradient(0deg in oklab, #a3bded 0%, #6991c7 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#a3bded] to-[#6991c7]`
- Contrast (worst point): white 1.90:1 fail · black 6.48:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a3bded-6991c7?a=0
- Colors: https://brandsweets.com/colors/a3bded, https://brandsweets.com/colors/6991c7

### Teen Notebook

- Slug: `teen-notebook` · Page: https://brandsweets.com/gradients/teen-notebook
- Stops: #9795f0, #fbc8d4 · angle 0° · source webgradients
- Families: blue, pink · Moods: calm
- CSS: `linear-gradient(0deg in oklab, #9795f0 0%, #fbc8d4 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#9795f0] to-[#fbc8d4]`
- Contrast (worst point): white 1.47:1 fail · black 7.87:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.9795f0-fbc8d4?a=0
- Colors: https://brandsweets.com/colors/9795f0, https://brandsweets.com/colors/fbc8d4

### Polite Rumors

- Slug: `polite-rumors` · Page: https://brandsweets.com/gradients/polite-rumors
- Stops: #a7a6cb @0%, #8989ba @52%, #8989ba @100% · angle 0° · source webgradients
- Families: purple, blue · Moods: cool, muted, calm
- CSS: `linear-gradient(0deg in oklab, #a7a6cb 0%, #8989ba 52%, #8989ba 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#a7a6cb] via-[#8989ba] via-52% to-[#8989ba]`
- Contrast (worst point): white 2.34:1 fail · black 6.35:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.a7a6cb_0-8989ba_52-8989ba_100?a=0
- Colors: https://brandsweets.com/colors/a7a6cb, https://brandsweets.com/colors/8989ba, https://brandsweets.com/colors/8989ba

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

### Clean Mirror

- Slug: `clean-mirror` · Page: https://brandsweets.com/gradients/clean-mirror
- Stops: #93a5cf, #e4efe9 · angle 45° · source webgradients
- Families: blue · Moods: cool, muted, light, calm
- CSS: `linear-gradient(45deg in oklab, #93a5cf 0%, #e4efe9 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#93a5cf] to-[#e4efe9]`
- Contrast (worst point): white 1.18:1 fail · black 8.52:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.93a5cf-e4efe9?a=45
- Colors: https://brandsweets.com/colors/93a5cf, https://brandsweets.com/colors/e4efe9

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

### Jungle Day

- Slug: `jungle-day` · Page: https://brandsweets.com/gradients/jungle-day
- Stops: #8baaaa, #ae8b9c · angle 45° · source webgradients
- Families: teal, pink · Moods: muted, calm
- CSS: `linear-gradient(45deg in oklab, #8baaaa 0%, #ae8b9c 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#8baaaa] to-[#ae8b9c]`
- Contrast (worst point): white 2.49:1 fail · black 6.97:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.8baaaa-ae8b9c?a=45
- Colors: https://brandsweets.com/colors/8baaaa, https://brandsweets.com/colors/ae8b9c

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

### Cloudy Apple

- Slug: `cloudy-apple` · Page: https://brandsweets.com/gradients/cloudy-apple
- Stops: #f3e7e9 @0%, #e3eeff @99%, #e3eeff @100% · angle 0° · source webgradients
- Families: blue · Moods: cool, muted, light, calm
- CSS: `linear-gradient(0deg in oklab, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%)`
- Tailwind: `bg-linear-to-t/oklab from-[#f3e7e9] via-[#e3eeff] via-99% to-[#e3eeff]`
- Contrast (worst point): white 1.17:1 fail · black 17.39:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.f3e7e9_0-e3eeff_99-e3eeff_100?a=0
- Colors: https://brandsweets.com/colors/f3e7e9, https://brandsweets.com/colors/e3eeff, https://brandsweets.com/colors/e3eeff

### Healthy Water

- Slug: `healthy-water` · Page: https://brandsweets.com/gradients/healthy-water
- Stops: #96deda, #50c9c3 · angle 60° · source webgradients
- Families: teal · Moods: cool, muted, light, monochrome, ocean, calm
- CSS: `linear-gradient(60deg in oklab, #96deda 0%, #50c9c3 100%)`
- Tailwind: `bg-linear-60/oklab from-[#96deda] to-[#50c9c3]`
- Contrast (worst point): white 1.53:1 fail · black 10.48:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.96deda-50c9c3?a=60
- Colors: https://brandsweets.com/colors/96deda, https://brandsweets.com/colors/50c9c3

### Crystalline

- Slug: `crystalline` · Page: https://brandsweets.com/gradients/crystalline
- Stops: #00cdac, #8ddad5 · angle 340° · source webgradients
- Families: teal · Moods: cool, light, monochrome, ocean, calm
- CSS: `linear-gradient(340deg in oklab, #00cdac 0%, #8ddad5 100%)`
- Tailwind: `bg-linear-340/oklab from-[#00cdac] to-[#8ddad5]`
- Contrast (worst point): white 1.60:1 fail · black 10.33:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.00cdac-8ddad5?a=340
- Colors: https://brandsweets.com/colors/00cdac, https://brandsweets.com/colors/8ddad5

### Raccoon Back

- Slug: `raccoon-back` · Page: https://brandsweets.com/gradients/raccoon-back
- Stops: #bcc5ce @0%, #929ead @98% · angle 180° · source webgradients
- Families: blue · Moods: cool, muted, calm
- CSS: `linear-gradient(180deg in oklab, #bcc5ce 0%, #929ead 98%)`
- Tailwind: `bg-linear-to-b/oklab from-[#bcc5ce] to-[#929ead] to-98%`
- Contrast (worst point): white 1.75:1 fail · black 7.72:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.bcc5ce_0-929ead_98?a=180
- Colors: https://brandsweets.com/colors/bcc5ce, https://brandsweets.com/colors/929ead

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

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

### Nega

- Slug: `nega` · Page: https://brandsweets.com/gradients/nega
- Stops: #ee9ca7, #ffdde1 · angle 45° · source webgradients
- Families: pink · Moods: warm, muted, light, monochrome, calm
- CSS: `linear-gradient(45deg in oklab, #ee9ca7 0%, #ffdde1 100%)`
- Tailwind: `bg-linear-to-tr/oklab from-[#ee9ca7] to-[#ffdde1]`
- Contrast (worst point): white 1.26:1 fail · black 9.95:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ee9ca7-ffdde1?a=45
- Colors: https://brandsweets.com/colors/ee9ca7, https://brandsweets.com/colors/ffdde1

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

### Forest Inei

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

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

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

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

### Strict November

- Slug: `strict-november` · Page: https://brandsweets.com/gradients/strict-november
- Stops: #cbbacc, #2580b3 · angle 135° · source webgradients
- Families: blue, purple · Moods: cool, muted, calm
- CSS: `linear-gradient(135deg in oklab, #cbbacc 0%, #2580b3 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#cbbacc] to-[#2580b3]`
- Contrast (worst point): white 1.84:1 fail · black 4.82:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.cbbacc-2580b3?a=135
- Colors: https://brandsweets.com/colors/cbbacc, https://brandsweets.com/colors/2580b3

### Morning Salad

- Slug: `morning-salad` · Page: https://brandsweets.com/gradients/morning-salad
- Stops: #b7f8db, #50a7c2 · angle 135° · source webgradients
- Families: teal, blue · Moods: cool, muted, ocean, calm
- CSS: `linear-gradient(135deg in oklab, #b7f8db 0%, #50a7c2 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#b7f8db] to-[#50a7c2]`
- Contrast (worst point): white 1.20:1 fail · black 7.65:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.b7f8db-50a7c2?a=135
- Colors: https://brandsweets.com/colors/b7f8db, https://brandsweets.com/colors/50a7c2

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

### Ver Black

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

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

### Copper

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

### Anamnisar

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

### Sexy Blue

- Slug: `sexy-blue` · Page: https://brandsweets.com/gradients/sexy-blue
- Stops: #2193b0, #6dd5ed · angle 90° · source uigradients
- Families: blue, teal · Moods: cool, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #2193b0 0%, #6dd5ed 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#2193b0] to-[#6dd5ed]`
- Contrast (worst point): white 1.70:1 fail · black 5.87:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.2193b0-6dd5ed?a=90
- Colors: https://brandsweets.com/colors/2193b0, https://brandsweets.com/colors/6dd5ed

### Hazel

- Slug: `hazel` · Page: https://brandsweets.com/gradients/hazel
- Stops: #77a1d3, #79cbca, #e684ae · angle 90° · source uigradients
- Families: blue, pink · Moods: calm
- CSS: `linear-gradient(90deg in oklab, #77a1d3 0%, #79cbca 50%, #e684ae 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#77a1d3] via-[#79cbca] to-[#e684ae]`
- Contrast (worst point): white 1.87:1 fail · black 7.82:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.77a1d3-79cbca-e684ae?a=90
- Colors: https://brandsweets.com/colors/77a1d3, https://brandsweets.com/colors/79cbca, https://brandsweets.com/colors/e684ae

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

### Monte Carlo

- Slug: `monte-carlo` · Page: https://brandsweets.com/gradients/monte-carlo
- Stops: #cc95c0, #dbd4b4, #7aa1d2 · angle 90° · source uigradients
- Families: pink, blue · Moods: muted, calm
- CSS: `linear-gradient(90deg in oklab, #cc95c0 0%, #dbd4b4 50%, #7aa1d2 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#cc95c0] via-[#dbd4b4] to-[#7aa1d2]`
- Contrast (worst point): white 1.49:1 fail · black 7.86:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cc95c0-dbd4b4-7aa1d2?a=90
- Colors: https://brandsweets.com/colors/cc95c0, https://brandsweets.com/colors/dbd4b4, https://brandsweets.com/colors/7aa1d2

### Bora Bora

- Slug: `bora-bora` · Page: https://brandsweets.com/gradients/bora-bora
- Stops: #2bc0e4, #eaecc6 · angle 90° · source uigradients
- Families: blue, yellow · Moods: muted, light, calm
- CSS: `linear-gradient(90deg in oklab, #2bc0e4 0%, #eaecc6 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#2bc0e4] to-[#eaecc6]`
- Contrast (worst point): white 1.21:1 fail · black 9.76:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.2bc0e4-eaecc6?a=90
- Colors: https://brandsweets.com/colors/2bc0e4, https://brandsweets.com/colors/eaecc6

### Moonrise

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

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

### Aqualicious

- Slug: `aqualicious` · Page: https://brandsweets.com/gradients/aqualicious
- Stops: #50c9c3, #96deda · angle 90° · source uigradients
- Families: teal · Moods: cool, muted, light, monochrome, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #50c9c3 0%, #96deda 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#50c9c3] to-[#96deda]`
- Contrast (worst point): white 1.53:1 fail · black 10.48:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.50c9c3-96deda?a=90
- Colors: https://brandsweets.com/colors/50c9c3, https://brandsweets.com/colors/96deda

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

### Candy

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

### Dirty Fog

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

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

### Friday

- Slug: `friday` · Page: https://brandsweets.com/gradients/friday
- Stops: #83a4d4, #b6fbff · angle 90° · source uigradients
- Families: blue, teal · Moods: cool, muted, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #83a4d4 0%, #b6fbff 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#83a4d4] to-[#b6fbff]`
- Contrast (worst point): white 1.15:1 fail · black 8.23:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.83a4d4-b6fbff?a=90
- Colors: https://brandsweets.com/colors/83a4d4, https://brandsweets.com/colors/b6fbff

### Metallic Toad

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

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

### Piglet

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

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

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

### Decent

- Slug: `decent` · Page: https://brandsweets.com/gradients/decent
- Stops: #4ca1af, #c4e0e5 · angle 90° · source uigradients
- Families: teal · Moods: cool, muted, monochrome, calm
- CSS: `linear-gradient(90deg in oklab, #4ca1af 0%, #c4e0e5 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#4ca1af] to-[#c4e0e5]`
- Contrast (worst point): white 1.39:1 fail · black 7.02:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.4ca1af-c4e0e5?a=90
- Colors: https://brandsweets.com/colors/4ca1af, https://brandsweets.com/colors/c4e0e5

### Colors Of Sky

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

### Bright Vault

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

### IIIT Delhi

- Slug: `iiit-delhi` · Page: https://brandsweets.com/gradients/iiit-delhi
- Stops: #808080, #3fada8 · angle 90° · source uigradients
- Families: teal · Moods: cool, calm
- CSS: `linear-gradient(90deg in oklab, #808080 0%, #3fada8 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#808080] to-[#3fada8]`
- Contrast (worst point): white 2.71:1 fail · black 5.32:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.808080-3fada8?a=90
- Colors: https://brandsweets.com/colors/808080, https://brandsweets.com/colors/3fada8

### Dania

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

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

### Venice

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

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

### Cinnamint

- Slug: `cinnamint` · Page: https://brandsweets.com/gradients/cinnamint
- Stops: #4ac29a, #bdfff3 · angle 90° · source uigradients
- Families: teal · Moods: cool, light, monochrome, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #4ac29a 0%, #bdfff3 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#4ac29a] to-[#bdfff3]`
- Contrast (worst point): white 1.12:1 fail · black 9.47:1 AA · banding medium
- Maker: https://brandsweets.com/gradients/new/v1.4ac29a-bdfff3?a=90
- Colors: https://brandsweets.com/colors/4ac29a, https://brandsweets.com/colors/bdfff3

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

### Zinc

- Slug: `zinc` · Page: https://brandsweets.com/gradients/zinc
- Stops: #ada996, #f2f2f2, #dbdbdb, #eaeaea · angle 90° · source uigradients
- Families: yellow · Moods: warm, muted, light, calm
- CSS: `linear-gradient(90deg in oklab, #ada996 0%, #f2f2f2 33.33%, #dbdbdb 66.67%, #eaeaea 100%)`
- Tailwind: `bg-[linear-gradient(90deg_in_oklab,#ada996_0%,#f2f2f2_33.33%,#dbdbdb_66.67%,#eaeaea_100%)]`
- Contrast (worst point): white 1.12:1 fail · black 8.89:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.ada996-f2f2f2-dbdbdb-eaeaea?a=90
- Colors: https://brandsweets.com/colors/ada996, https://brandsweets.com/colors/f2f2f2, https://brandsweets.com/colors/dbdbdb, https://brandsweets.com/colors/eaeaea

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

### Azur Lane

- Slug: `azur-lane` · Page: https://brandsweets.com/gradients/azur-lane
- Stops: #7f7fd5, #86a8e7, #91eae4 · angle 90° · source uigradients
- Families: blue, teal · Moods: cool, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #7f7fd5 0%, #86a8e7 50%, #91eae4 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#7f7fd5] via-[#86a8e7] to-[#91eae4]`
- Contrast (worst point): white 1.39:1 fail · black 5.90:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.7f7fd5-86a8e7-91eae4?a=90
- Colors: https://brandsweets.com/colors/7f7fd5, https://brandsweets.com/colors/86a8e7, https://brandsweets.com/colors/91eae4

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

### Blooze

- Slug: `blooze` · Page: https://brandsweets.com/gradients/blooze
- Stops: #6da6be, #4b859e, #6da6be · angle 90° · source uigradients
- Families: blue · Moods: cool, muted, monochrome, ocean, calm
- CSS: `linear-gradient(90deg in oklab, #6da6be 0%, #4b859e 50%, #6da6be 100%)`
- Tailwind: `bg-linear-to-r/oklab from-[#6da6be] via-[#4b859e] to-[#6da6be]`
- Contrast (worst point): white 2.68:1 fail · black 5.15:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.6da6be-4b859e-6da6be?a=90
- Colors: https://brandsweets.com/colors/6da6be, https://brandsweets.com/colors/4b859e, https://brandsweets.com/colors/6da6be

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