Server data from the Official MCP Registry
18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens.
About
18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens.
Remote endpoints: streamable-http: https://pickshade.com/api/mcp
Security Report
Valid MCP server (4 strong, 3 medium validity signals). No known CVEs in dependencies. Imported from the Official MCP Registry.
18 tools verified · Open access · No issues found
Security scores are indicators to help you make informed decisions, not guarantees. Always review permissions before connecting any MCP server.
Permissions Found in Source Code
Found by scanning the linked source code. This listing connects to a hosted endpoint, so none of this runs on your machine: it describes what the server software does where it is hosted.
How to Connect
Remote Plugin
No local installation needed. Your AI client connects to the remote endpoint directly.
Add this to your MCP configuration to connect:
{
"mcpServers": {
"com-pickshade-pickshade": {
"url": "https://pickshade.com/api/mcp"
}
}
}Documentation
View on GitHubFrom the project's GitHub README.
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/mcp
Claude Code:
claude mcp add --transport http pickshade https://pickshade.com/api/mcp
Cursor, 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.
| Tool | What it does |
|---|---|
parse_color | Every format, the closest name and Tailwind class, gamut and the better text color for any color |
convert_color | HEX, RGB, HSL, HSV, HWB, CMYK, Lab, LCH, OKLab, OKLCH, Display P3, Rec. 2020, XYZ, SwiftUI, Flutter |
find_colors | Turns words like "sage" or "dusty rose" into real HEX values |
check_contrast | WCAG 2 ratio with AA and AAA levels, and APCA Lc with the usage it allows |
fix_contrast | The closest color that reaches a contrast target, changing only OKLCH lightness so the hue stays |
audit_palette | Checks every text and background pair, color blindness conflicts and out-of-gamut colors in a palette |
check_gamut | Whether a color fits sRGB, Display P3 and Rec. 2020 |
nearest_names | Closest named colors, CSS keywords and Tailwind classes by perceptual distance |
compare_colors | CIEDE2000 and deltaE OK difference with a plain verdict, lightness, chroma and hue shift |
generate_scale | An 11-step 50–950 scale in OKLCH with even perceived lightness, the shape of Tailwind palettes |
tints_shades | Tints, shades and tones of a color |
harmonies | Complementary, split-complementary, analogous, triadic, tetradic, square and monochromatic in OKLCH |
mix_colors | Mixes two colors in a chosen space, like CSS color-mix() |
make_gradient | CSS gradients interpolated in OKLab or OKLCH, without the gray middle |
generate_palette | Harmonious palettes in OKLCH, repeatable with a seed |
simulate_cvd | Protanopia, deuteranopia, tritanopia and achromatopsia, with pairs that become hard to tell apart |
export_tokens | CSS variables, Tailwind v4 @theme, SCSS, JSON, DTCG tokens, JS arrays or an SVG swatch strip |
build_system | A full color system from one brand color: scales, light and dark roles, shadcn/ui and Tailwind export |
Prompts
accessible_theme: light and dark themes from a brand color with every text pair checkedaudit_colors: readable pairs, color blindness conflicts and gamut for a list of colorsdescribe_color: a color explained in plain words with its values, name, contrast and matches
REST API
The same tools over HTTP, JSON in and out: pickshade.com/api, OpenAPI 3.1 at https://pickshade.com/api/v1/openapi.json.
What is inside
| Package | Purpose |
|---|---|
packages/color | Color math: parsing every CSS color syntax, conversions between sRGB, Display P3, Rec. 2020, Lab, LCH, OKLab and OKLCH, gamut mapping, WCAG 2 and APCA contrast, CIEDE2000 and deltaE OK, scales, harmonies and color vision simulation |
packages/data | Color names (CSS keywords, common names in 30 languages, an extended list), the Tailwind CSS palette |
packages/exports | Code generators: CSS variables, Tailwind v4 @theme, SCSS, JSON, DTCG tokens, SVG |
packages/tools | The 18 tools with their input schemas, shared by the MCP server and the REST API |
packages/mcp | The MCP server (@pickshade/mcp) |
Develop
pnpm install
pnpm check
pnpm build
The bundled server is written to packages/mcp/dist.
License
MIT. Color names include data from meodai/color-names (MIT); Tailwind palette values are from Tailwind CSS (MIT).
Reviews
No reviews yet
Be the first to review this server!
More Developer Tools MCP Servers
Git
Freeby Modelcontextprotocol · Developer Tools
Read, search, and manipulate Git repositories programmatically
Fetch
Freeby Modelcontextprotocol · Developer Tools
Web content fetching and conversion for efficient LLM usage
Worldmonitor
Freeby Koala73 · Developer Tools
Live markets, conflicts, country risk, chokepoints, energy, and China decision signals. 90 tools.
Paperclip
Freeby Paperclipai · Developer Tools
Trending hip-hop artist momentum scores across four cultural dimensions.
Toleno
Freeby Toleno · Developer Tools
Toleno Network MCP Server — Manage your Toleno mining account with Claude AI using natural language.
mcp-creator-python
Freeby mcp-marketplace · Developer Tools
Create, build, and publish Python MCP servers to PyPI — conversationally.
