Check WCAG color contrast, fix failing colors, build 50-950 palettes. No account.
Connect Remote server
claude mcp add --transport http swatch https://swatch.clawhard.com/mcp
{
"mcpServers": {
"swatch": {
"url": "https://swatch.clawhard.com/mcp"
}
}
}
{
"servers": {
"swatch": {
"type": "http",
"url": "https://swatch.clawhard.com/mcp"
}
}
}
Settings > Connectors > Add custom connector
URL: https://swatch.clawhard.com/mcp
Tools 4 found in our last check
swatch_check_contrastUse 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), or what a color is in another format. Returns the exact contrast ratio, pass or fail for normal text, la…
swatch_fix_contrastUse 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…
swatch_make_scaleUse 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",…
swatch_check_pairsUse 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":…
Details
| Endpoint | https://swatch.clawhard.com/mcp (Streamable HTTP) |
| First published | 9 Nov 2026 |
| Last updated | 9 Nov 2026 |
| Registry name | com.clawhard/swatch |
More other servers See all
Listing data from the official MCP registry. Status and tools from NestDaddy's daily check. Browse all MCP servers.
