mcpbeat Sign in

Swatch MCP Server

by clawhard Your server? Claim it
answering

Swatch is answering right now. Last checked 8 min ago. It exposes 6 tools.

Check WCAG color contrast, fix failing colors, build 50-950 palettes. No account.

Uptime history 5 hours of history
5 hours agonow
100.0%
Uptime 24h
17 of 17 checks
6
Tools
read from the server
80 ms
Response time
average over 24h
open, no key
Access
streamable-http

Nothing serious here today

Today is the operative word: we check Swatch every 15 minutes and re-read its code on every release. Watch it and you find out the day that stops being true.

Three servers free · no card

Connect this server

Endpoint below is the one we actually reach during checks — not the one copied from a README. Last verified 8 min ago.

run in your terminal
claude mcp add swatch --transport http https://swatch.clawhard.com/mcp
Settings → Connectors → Add custom connector, then paste this address
https://swatch.clawhard.com/mcp
~/.codex/config.toml
[mcp_servers.swatch]
url = "https://swatch.clawhard.com/mcp"
.cursor/mcp.json
{
  "mcpServers": {
    "swatch": {
      "url": "https://swatch.clawhard.com/mcp"
    }
  }
}
.vscode/mcp.json
{
  "servers": {
    "swatch": {
      "type": "http",
      "url": "https://swatch.clawhard.com/mcp"
    }
  }
}

Available tools 6

Read directly from the server with tools/list, grouped by what they act on. If a tool disappears, we record the date.

swatch
swatch_check_contrast
Use when the user asks whether a color combination is readable or accessible, passes WCAG AA or AAA, or has enough contrast (text on a background, button, badge, link color). Returns the exact contrast ratio, pass or fail for normal text, large text and UI components at AA and AAA, the APCA lightness contrast and a plain note. Colors can be hex, rgb(), hsl() or CSS names. Example: {"foreground": "#777777", "background": "#ffffff"}. Language models cannot compute this reliably, so call it instead of guessing.
swatch_check_pairs
Use when the user has a whole design system, theme or stylesheet and wants every text and background pair checked for accessibility in one go. Takes up to 50 pairs and returns the ratio and AA and AAA results for each, with a count of failures. Example: {"pairs": [{"foreground": "#777", "background": "#fff", "label": "muted text"}, {"foreground": "#fff", "background": "#ff5a1f", "label": "button"}]}.
swatch_convert_color
Use when the user asks to convert a color between hex, RGB, HSL and OKLCH, or asks what a color is called or how light it is. Returns all formats, the relative luminance and the nearest CSS color name. Example: {"color": "#ff5a1f"}. Exact math, so prefer it to converting by hand.
swatch_fix_contrast
Use when a color pair fails contrast and the user wants the smallest change that makes it pass, such as "make this gray text accessible without changing the look". Returns the closest text color on that background that reaches the target (AA, AAA, AA-large or ui), and separately the closest background, keeping the hue. Example: {"foreground": "#777777", "background": "#ffffff", "target": "AA"}. Returns already_passes if nothing needs to change.
swatch_make_scale
Use when the user asks for a palette, shades, tints, a design-token scale or a Tailwind-style 50 to 950 ramp from a brand color. Returns 11 steps that keep the hue, with the hex, contrast on white and on black, and the best text color for each step. Example: {"color": "#ff5a1f", "name": "brand"}.
swatch_pick_text_color
Use when the user asks what text color (black or white) to put on a given background, button or brand color so it is readable. Returns the better of black or white with both contrast ratios, the WCAG grade and a softer near-black option. Example: {"background": "#ff5a1f"}.

Endpoints

URLTransportStateLatencyChecked
https://swatch.clawhard.com/mcp streamable-http answering 97 ms 8 min ago

Alternatives to Swatch

same job, measured the same way
Cvdsafe
by vince-gonzalez

Check if a palette or image is colorblind-safe, generate safe palettes, check WCAG contrast.

43 installs/wk local only
ContrastKit
by workers-mike-tusa-contrastkit

WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.

4 tools answering
Color
by rog0x

Color convert, palette, contrast checker for AI agents

48 installs/wk local only
Zovo Palette Lab
by theluckystrike

WCAG contrast & palettes

3 tools answering
ColorPickr
by colorpickr

Contrast checks with fixes, OKLCH harmonies, palettes, color-blind previews and code export.

6 tools answering
Uwarp
by sherotree

WCAG contrast checks, HSL palettes with :root CSS, and search of 500+ free Uwarp UI tools.

41 installs/wk local only
Chart Color Audit
by socraticstatic

CI-friendly accessibility audit for chart color palettes: WCAG contrast, CVD simulation, OKLab ΔE.

71 installs/wk local only
PickShade color tools
by pickshade

18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens.

18 tools answering

Swatch — questions

Answers built from our own checks of this server.

What can Swatch do?
It exposes 6 tools, read directly from the server on our last check. Among them: swatch_check_contrast, swatch_check_pairs, swatch_convert_color, swatch_fix_contrast, swatch_make_scale, swatch_pick_text_color. The full list with descriptions is on this page — we take it from the server itself via tools/list, not from a README. How MCP servers expose tools in the first place →
Is Swatch working right now?
We send a real MCP handshake every 15 minutes. Over the last 24 hours 17 of 17 checks got a reply (100.0%), average response time 80 ms. The bar chart above shows every period we have measured.
How do I connect Swatch?
Copy the ready config from this page. We generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each in the form that client actually reads. It is a remote server, so there is nothing to install — the client connects to the address.
Does Swatch need an API key?
No. Swatch completed a full MCP handshake with us as an anonymous client and listed its tools without asking for anything. All 6 of them are readable on this page. This is what we observed, not what the docs claim.
How fast is Swatch?
It answers our handshake in 80 ms on average, which is faster than 94% of all working MCP servers we measure. That puts it in the quick quarter of the ecosystem. The comparison comes from our own checks across the whole registry, every 15 minutes.