Chart Color System

by @socraticstatic · io.github.socraticstatic/chart-color-system

Solve, audit and simulate colorblind-safe chart palettes. WCAG contrast, OKLab ΔE. Read-only.

OnlineRemote
Category
Security
Connection
Remote (HTTP)
Tools
4 reported
Status
Online

Connect it to your AI

Claude Code

claude mcp add --transport http chart-color-system https://chart-color-mcp.vercel.app/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://chart-color-mcp.vercel.app/mcp

Cursor, VS Code and other apps (mcp.json)

{
  "mcpServers": {
    "chart-color-system": {
      "url": "https://chart-color-mcp.vercel.app/mcp"
    }
  }
}

Tools it offers

4 tools, as the server itself reported during our check on Oct 31, 2026.

  • solve_paletteGenerate a categorical chart palette of n colors (1-12) that maximizes perceptual separation under normal vision and colorblindness, with the given brand colors locked as anchors in slot order. Returns the palette, the w
  • audit_paletteAudit existing chart colors for accessibility: pairwise OKLab separation under normal vision, deuteranopia, protanopia, tritanopia and achromatopsia, plus WCAG 2.2 non-text contrast (3:1) of every color against the chart
  • simulate_paletteShow what each color looks like to readers with deuteranopia, protanopia, tritanopia or achromatopsia (published Machado 2009 matrices), so an assistant can describe or render the palette as a colorblind reader sees it.
  • build_rampBuild an evenly spaced perceptual (OKLab) color scale: sequential from start to end, or diverging from start through mid to end. Returns the steps and a background-contrast audit (pairwise separation is not judged for ra

Questions

What is the Chart Color System MCP server?

Solve, audit and simulate colorblind-safe chart palettes. WCAG contrast, OKLab ΔE. Read-only. It is made by @socraticstatic and listed in the official MCP Registry as io.github.socraticstatic/chart-color-system. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.

How do I add Chart Color System to Claude?

In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://chart-color-mcp.vercel.app/mcp. In Claude Code, run: claude mcp add --transport http chart-color-system https://chart-color-mcp.vercel.app/mcp

How do I add Chart Color System to ChatGPT?

ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://chart-color-mcp.vercel.app/mcp.

How do I add Chart Color System to Cursor?

Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "chart-color-system": { "url": "https://chart-color-mcp.vercel.app/mcp" } } }

Does Chart Color System work right now?

Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.

What can Chart Color System do?

It gives your AI 4 tools, including solve_palette, audit_palette, simulate_palette, build_ramp. The full list is on this page.

Is this your server? Get the badge for your README
chen.media/mcp badge

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/github-socraticstatic-chart-color-system.svg)](https://chen.media/mcp/github-socraticstatic-chart-color-system)

HTML (switches to dark mode on its own)

<a href="https://chen.media/mcp/github-socraticstatic-chart-color-system"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/github-socraticstatic-chart-color-system.svg?theme=dark"><img src="https://chen.media/mcp/badge/github-socraticstatic-chart-color-system.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>

More in Security

See all