Back to search
100
MCP live MCP 2026-07-28 http

Gradients Studio

gradients-studio/gradients

Mesh gradient backgrounds for product sites, launch posts and decks, rendered by the same engine as [gradients.studio](https://www.gradients.studio): blobs, stripes and clouds, real grain, pixel and dither finishes, shape and logo overlays. **Tools** - `render_gradient` — every dial the studio has. Without a size it returns a free 960px preview inline, so the agent can look before it commits. With a size (exact pixels, e.g. 1200×630 for an OG image) it returns a download URL. Pass `overlaySvg` to draw your logo as concentric outlines. - `list_palettes` — the studio's palettes, the ones behind sites you already admire (Linear, Stripe, Raycast, Lovable, Dia…), your saved palettes, and tuned starting points for common jobs. - `suggest_settings` — a brief in plain words ("dark, premium, fintech hero, a bit retro") becomes two or three starting settings. **Try:** "Add a dark, grainy hero background to the landing page, 2560×1440, something like Linear." **Pricing:** previews are free and unmetered. Sized exports use the same pool as the web: 5 free a month, unlimited on Pro ($39/year) or a Week Pass ($9). Asking for the same export twice within 24 hours returns the same URL for free. One-time payments, nothing to cancel. **Key:** create one at gradients.studio → studio → account menu → API keys. Shown once, revocable anytime.

Watch this dependency Share evidence report
Uptime
100.0%
3 direct probes · 30d
Response
1022ms
last probe
Tools
3
callable
Resources
0
readable
Prompts
0
available
Primary URL
https://gradients.studio/mcp
Score: 100/100
Handshake verified by our own probe.
pass Answers the MCP handshake 50/50
The handshake and the list calls succeeded on the primary URL.
pass Lists tools, resources or prompts 30/30
3 tools, 0 resources, 0 prompts returned.
pass 3 or more catalogue items 10/10
3 items in total; 3 or more earns these points.
pass Describes itself 10/10
1346 characters; more than 30 earns these points.

Tools · 3

render_gradient

Render a gradient background image (website hero, OG image, launch post, slide, wallpaper) with Gradients Studio's renderer: blobs, stripes or clouds, real grain, pixel and dither finishes, shape over…

list_palettes

Palettes to start from: the studio's sixteen, the ones behind product sites people admire (Linear, Stripe, Raycast, …), the account's saved palettes (with an API key), and six tuned starting points fo…

suggest_settings

Turn a plain-language brief ('dark, premium, fintech hero, a bit retro') into two or three starting settings for render_gradient. Understands jobs (hero, launch post, slide, screenshot, integrations, …

How to use

Claude Desktop or claude.ai: add a custom connector (Customize → Connectors; on Team and Enterprise plans an owner adds it under Organization settings → Connectors) with this server URL: https://gradients.studio/mcp

Cursor or Cline: add to your MCP config:

{
  "mcpServers": {
    "gradients_studio": {
      "url": "https://gradients.studio/mcp",
      "transport": "http"
    }
  }
}