MCP server

PickShade color tools Official

com.pickshade/pickshade

Checked 26 Oct 2026, 08:29 UTC · Connected to it and listed its tools

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

Website Source

At a glance

Type

MCP server

Publisher

pickshade.com (verified by the MCP Registry)

Status

Working at last check

Tools

18

Token cost

About 4,205 tokens per request

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok

Last checked

26 Oct 2026, 08:29 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http pickshade https://pickshade.com/api/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.pickshade]
url = "https://pickshade.com/api/mcp"

Gemini CLI

{"mcpServers":{"pickshade":{"httpUrl":"https://pickshade.com/api/mcp"}}}

Cursor

{"mcpServers":{"pickshade":{"url":"https://pickshade.com/api/mcp"}}}

VS Code

{"servers":{"pickshade":{"type":"http","url":"https://pickshade.com/api/mcp"}}}

Antigravity

agy mcp add pickshade https://pickshade.com/api/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"pickshade","server_url":"https://pickshade.com/api/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"pickshade","server_url":"https://pickshade.com/api/mcp"}

Tools

• audit_palette ~216 tokens
  Check 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_system ~411 tokens
  Build 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_contrast ~172 tokens
  Check 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_gamut ~155 tokens
  Check 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_colors ~230 tokens
  Compare 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_color ~266 tokens
  Convert 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_tokens ~297 tokens
  Turn 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_colors ~195 tokens
  Search 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_contrast ~234 tokens
  Find 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_palette ~282 tokens
  Generate 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_scale ~152 tokens
  Build 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.
• harmonies ~208 tokens
  Get color harmonies for a base color, computed in OKLCH so lightness stays even: complementary, split-complementary, analogous, triadic, tetradic, square and monochromatic.
• make_gradient ~328 tokens
  Build 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_colors ~288 tokens
  Mix 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_names ~192 tokens
  Find the closest named colors, CSS color keywords and Tailwind CSS classes for a color, ranked by perceptual distance (deltaE OK).
• parse_color ~200 tokens
  Read 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_cvd ~206 tokens
  Show 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_shades ~173 tokens
  Get 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.

Browse

• Tailwind tools
• Website monitoring
• Mobile apps
• Shipping and parcels

Related MCP servers

• ColorPickr
  Contrast checks with fixes, OKLCH harmonies, palettes, color-blind previews and code export.
• Zovo Palette Lab
  WCAG contrast & palettes
• Tanod Images
  Image toolkit: resize, convert, compress, crop, metadata, hashes, favicons, OCR, QR codes, barcodes.
• Color Palette
  Cloudflare Workers MCP server: color-palette
• ContrastKit
  WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.
• Designers
  Checks, prompts and skills for designers working with AI: contrast, a11y, heuristics, critique.
• Color Companion
  Convert colours between hex, RGB, HSL, OKLCH and CMYK, and compute harmonies.
• Chart Color System
  Solve, audit and simulate colorblind-safe chart palettes. WCAG contrast, OKLab ΔE. Read-only.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/com.pickshade/pickshade.svg)](https://aptlynx.net/servers/com.pickshade/pickshade)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents