PickShade color tools MCP server
online · 100% uptimecom.pickshade/pickshade·v0.2.018 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens.
0 stars
Reviews
Write oneNobody has reviewed PickShade color tools yet.
If you have run it, two minutes of your experience saves the next person an afternoon.
PickShade color tools tools (18)
write = sends, deletes, buys or postsaudit_paletteFreeCheck every text and background pair in a palette with WCAG 2 and APCA, list which pairs are safe for body text, large text or only decoration, find colors that people with color blindness cannot tell apart, and flag colors outside sRGB. Use it before shipping a theme or chart palette.
build_systemFreeBuild a full color system from a brand color: 50–950 scales for primary, secondary, accent, neutral and status colors, light and dark theme roles, exported as a Tailwind v4 theme, CSS variables, shadcn/ui globals.css or DTCG tokens, with a contrast audit of text and surface pairs.
check_contrastFreeCheck text contrast against a background with both WCAG 2 (ratio, AA and AAA for normal and large text) and APCA (Lc value and the usage level it allows). Also suggests the nearest text color that passes AA and AAA while keeping its hue.
check_gamutFreeCheck whether a color fits the sRGB, Display P3 and Rec. 2020 gamuts, and get the closest sRGB fallback that keeps lightness and hue (CSS Color 4 gamut mapping in OKLCH).
compare_colorsFreeCompare two colors: CIEDE2000 and deltaE OK difference with a plain verdict (identical, nearly, similar, different, opposite), lightness shift in percent, chroma and hue shift, and the contrast between them.
convert_colorFreeConvert a color between formats: hex, rgb, hsl, hsv, hwb, cmyk, lab, lch, oklab, oklch, display-p3, rec2020, xyz and platform code (swiftui, uikit, flutter, android). Values follow CSS Color 4.
export_tokensFreeTurn a list of colors into ready code: CSS custom properties, a Tailwind v4 @theme block, SCSS variables, JSON, W3C design tokens (DTCG), a JavaScript array or an SVG swatch strip. Unnamed colors get their closest color name.
find_colorsFreeSearch color names by words, like "sage", "dusty rose", "midnight blue" or "бордовый", and get their HEX values. Searches common names in English and Russian and about 30 000 extended color names. Use it to turn a description into real colors.
fix_contrastFreeFind the closest color that reaches a contrast target by changing only OKLCH lightness, so the hue and character stay. Targets: aa (4.5:1), aa-large (3:1), aaa (7:1), apca-body (Lc 75), apca-content (Lc 60), apca-large (Lc 45). Adjust the text color or the background.
generate_paletteFreeGenerate a harmonious palette in OKLCH. Keep colors you already have, pick a style (auto, analogous, complementary, triadic, monochromatic, pastel, vivid, muted, dark) and pass a seed to get the same palette every time.
generate_scaleFreeBuild an 11-step tint and shade scale (50, 100 … 900, 950) from one color in OKLCH, the same shape as Tailwind palettes, with even perceived lightness steps.
harmoniesFreeGet color harmonies for a base color, computed in OKLCH so lightness stays even: complementary, split-complementary, analogous, triadic, tetradic, square and monochromatic.
make_gradientFreeBuild a CSS gradient from 2 or more colors with interpolation in OKLab, OKLCH or sRGB. Returns modern CSS with the color space, a fallback with precomputed stops for older browsers, and the stop colors. OKLab avoids the gray middle that sRGB gradients get.
mix_colorsFreeMix two colors at a ratio in a chosen color space, like CSS color-mix(). OKLab keeps the middle bright, sRGB tends to turn gray. Returns the result and a ready color-mix() expression.
nearest_namesFreeFind the closest named colors, CSS color keywords and Tailwind CSS classes for a color, ranked by perceptual distance (deltaE OK).
parse_colorFreeRead any color and describe it: HEX, RGB, HSL and OKLCH values, the closest human name, the closest Tailwind class, its hue family, whether it fits sRGB and Display P3, and which text color, white or black, reads better on it.
simulate_cvdFreeShow how colors look with protanopia, deuteranopia, tritanopia and achromatopsia (Machado 2009 at full severity), and list the pairs that become hard to tell apart.
tints_shadesFreeGet tints (mixed with white), shades (mixed with black) and tones (mixed with gray) of a color, evenly spaced, as HEX. Good for hover states, borders and backgrounds.
Public scan report
scanner v0.1.10 · 2026-10-14 · same rubric, same numbers if you re-run it
- –Code scanremote-only server, no package to scann/a
- Live reliabilityremote reachable in 1886ms20/20
- Tool poisoning18 tool descriptions checked15/15
- Auth qualityopen endpoint, read-only tools10/15
- Maintenancelast push 8 days ago15/15
- Maintainer identityendpoint served from the registry-verified namespace domain8/10
How PickShade color tools compares
Against every graded MCP server, from our own scans and uptime checks. Updated after each scan run.
- Safety score
- 91/100
- higher than 85% of 48,255 servers
- Tools
- 18
- the typical server has 7
- Tools that change things
- 0%
- typical: 0%. Fewer write tools means less an agent can break
- Uptime
- 100%
- of our recent checks; the typical remote server answers 100%
- Response time
- 543 ms
- faster than 27% of 30,031 servers
What its tools let an agent do: 15 read · 3 create
Install PickShade color tools in Claude Code, Cursor or VS Code
claude mcp add --transport http pickshade https://pickshade.com/api/mcp
What the publisher says
From the PickShade color tools repository's README, as published. We do not edit it. Read it on GitHub
PickShade MCP server
Color tools for AI assistants: convert any color, find colors by name, check and fix WCAG 2 and APCA contrast, audit palettes for accessibility and color blindness, build gradients, scales and full design systems, export tokens for CSS, Tailwind v4, SCSS and DTCG.
All math follows CSS Color 4 (OKLCH, OKLab, Display P3, Rec. 2020) and runs locally and deterministically. No API key, no account, no telemetry.
Website and docs: pickshade.com/mcp
Use the hosted server
No install. Streamable HTTP endpoint:
https://pickshade.com/api/mcpClaude Code:
claude mcp add --transport http pickshade https://pickshade.com/api/mcpCursor, VS Code and other clients that read mcpServers:
{
"mcpServers": {
"pickshade": { "url": "https://pickshade.com/api/mcp" }
}
}Run locally over stdio
{
"mcpServers": {
"pickshade": { "command": "npx", "args": ["-y", "@pickshade/mcp"] }
}
}Requires Node.js 20 or newer.
Tools
Every tool accepts colors as HEX, rgb(), hsl(), oklch(), CSS names like navy, common names like royal blue or бордовый, and Tailwind classes like sky-500.
Prompts
Shortened. The full README is on GitHub.
Nothing above is checked by us. What we check is on the safety report.
PickShade color tools: common questions
- Is PickShade color tools MCP server safe?
- Yes, by our scan: it is graded A (91/100). Read the PickShade color tools safety report
- How do I install PickShade color tools?
- It runs remotely at pickshade.com. Add it to Claude Code, Cursor, VS Code or Claude Desktop with the snippets above, or call it through the mcp.market gateway without installing anything.
- Does PickShade color tools need an API key?
- Not as far as the registry entry and our scan can tell: no credentials are declared or required.
- Is PickShade color tools maintained?
- The last commit was 30 days ago (2026-10-05). The latest release is v0.2.0.
- Is PickShade color tools up?
- 100% of our last 28 checks got an answer. We check remote servers about four times a day.
- How does PickShade color tools compare with other MCP servers?
- safety score 91/100 (higher than 85% of 48,255 servers); tools 18 (the typical server has 7); tools that change things 0% (typical: 0%. Fewer write tools means less an agent can break). Full comparison.