Design

pickshade.com

Provides color parsing, conversion, naming, searching, and contrast checking/fixing tools for design and accessibility workflows.

1 endpoint18 known toolsFirst detected October 6, 2026Last detected October 18, 2026

ENDPOINT 1

https://pickshade.com/api/mcp

No auth detected

MCP server metadata

Name: pickshade
Version: 0.2.0

Capabilities

tools.listChangedprompts.listChanged

Server instructions

PickShade color tools. Every tool accepts colors as HEX, rgb(), hsl(), oklch(), CSS names like navy, common names like royal blue, or Tailwind classes like sky-500. Use find_colors to turn words like "sage" or "dusty rose" into real HEX values instead of guessing them. Use check_contrast before recommending text and background colors, fix_contrast to repair a failing pair without changing its hue, and audit_palette to check a whole theme or chart palette at once. Use build_system or export_tokens to hand over ready code, and make_gradient for CSS gradients without a gray middle. All math follows CSS Color 4 and runs locally and deterministically. Pass a seed to generate_palette to get repeatable palettes.

Known tools 18

parse_color

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.

Inferred read-only

convert_color

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).

Inferred read-only

find_colors

Search color names by words, like "sage", "dusty rose", "midnight blue" or "бордовый", and get their HEX values.

Inferred read-only

check_contrast

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).

Inferred read-only

fix_contrast

Find the closest color that reaches a contrast target by changing only OKLCH lightness, so the hue and character stay.

Inferred read-only

audit_palette

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.

Inferred read-only

check_gamut

Check whether a color fits the sRGB, Display P3 and Rec.

Inferred read-only

nearest_names

Find the closest named colors, CSS color keywords and Tailwind CSS classes for a color, ranked by perceptual distance (deltaE OK).

Inferred read-only

compare_colors

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.

Inferred read-only

generate_scale

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.

Inferred read-only

tints_shades

Get tints (mixed with white), shades (mixed with black) and tones (mixed with gray) of a color, evenly spaced, as HEX.

Inferred read-only

harmonies

Get color harmonies for a base color, computed in OKLCH so lightness stays even: complementary, split-complementary, analogous, triadic, tetradic, square and monochromatic.

Inferred read-only

mix_colors

Mix two colors at a ratio in a chosen color space, like CSS color-mix().

Inferred read-only

make_gradient

Build a CSS gradient from 2 or more colors with interpolation in OKLab, OKLCH or sRGB.

Inferred read-only

generate_palette

Generate a harmonious palette in OKLCH.

Inferred read-only

simulate_cvd

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.

Inferred read-only

export_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.

Inferred read-only

build_system

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.

Inferred read-only

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

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

Claude Code

.mcp.json

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

Claude Desktop

Settings → Connectors → Add custom connector

Name: pickshade
Remote MCP URL: https://pickshade.com/api/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

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

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

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

Generic MCP

Client-specific MCP configuration

{
  "name": "pickshade",
  "transport": "streamable-http",
  "url": "https://pickshade.com/api/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

TRUST AND VERIFICATION EVIDENCE

Trust Data Available

BuiltWith Trust API v2 evidence for pickshade.com was fetched 2026-10-13T07:10:57.906Z.

Trust status Neutral

pickshade.com is assessed as Neutral: No suspicious signals found, but no strong positive signal either

Indexed

Evidence is source-attributed and does not guarantee that a third-party server is safe. Risk labels are conservative metadata heuristics.