brandsweets

Colour

21 neutral gradients

21 named neutral gradients from the two open corpora we bundle (uiGradients and WebGradients, both MIT) — greys, off-whites and near-blacks — the subtle surfaces that band worst at 1440px, where the banding line in each report matters more than the contrast one. Each has its own page with the CSS and Tailwind v4 to copy, a worst-case contrast verdict for white and black text, and an "open in the maker" link that carries the whole gradient in the URL.

Make a new gradientAll gradients

Every colour

Red116Orange53Yellow79Green88Teal114Blue223Purple104Pink102Neutral21

Every mood

Warm121Cool240Vivid154Muted146Light150Dark29Pastel60Neutral21Monochrome107Jewel Tones36Sunset62Ocean113Forest8Neon24Calm103
mcpConnect your agent to the gradient engine
live endpoint

Point any MCP client at the shared gradients endpoint and your agent gets the same engine as this page — make_gradient returns CSS with the interpolation space, Tailwind v4, SVG, a PNG URL, a DTCG token and the contrast report in one call; brand_gradients derives the whole contact sheet from a brand or a palette. Read-only, no key. Every gradient is a /gradients/new/… link: open it, refine, paste it back.

endpointhttps://mcp.brandsweets.com/gradients/mcp
claude mcp add --transport http brandsweets-gradients https://mcp.brandsweets.com/gradients/mcp
try this prompt

›make me three neutral hero gradients in oklch that pass AA for white text, and give me the /gradients/new links

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: gradients.md · Corpus: uiGradients and WebGradients, both MIT — licences. Rendered in OKLab; the original sRGB look is one toggle away on each gradient's page.