Koskamo

PaletteGet MCP

Provides access to a curated library of 100 color palettes across apps, websites, and mini programs. Each palette includes 10 design roles verified against WCAG 2.1 contrast requirements, available in JSON and CSS variable formats for design and development workflows.

Endpoint and access

No sign-in to connect and list tools. Individual tools may still need a vendor account, credentials, or permissions; check the documented prerequisites.

PaletteGet MCP logo, by PaletteGetCommunity listingStreamable HTTPNo sign-inEndpoint checked 2026-11-01Published by PaletteGet
MCP endpoint (Streamable HTTP)
https://paletteget-mcp.y7206062.workers.dev/mcp
Vendor documentation

What you can do with it

  • Retrieve WCAG-verified color palettes for UI design
  • Access structured JSON data for color values
  • Generate CSS variables for implementation
  • Find palettes by platform and design role

Source and maintenance

Community listingRegistry 1.3.0
Maintenance checked

Protocol and capabilities

Server
paletteget-mcp 1.3.0
MCP protocol
2025-06-18
Tools
9 advertised
Resources
Not advertised
Resource templates
Not advertised
Prompts
Not advertised
Server-advertised capabilities
{
  "tools": {
    "listChanged": false
  }
}

Server-provided instructions

Untrusted server output shown for inspection. It is not Koskamo guidance and is excluded from knowledge search.

PaletteGet is a library of WCAG-checked color palettes for App / Web / Mini App UIs. Use suggest_palette for natural-language recommendations, get_palette for exact role hex values, get_css_variables for ready-to-paste CSS custom properties, check_contrast for a WCAG verdict on any two colors, suggest_text_color for readable text on a known background, darken_palette to derive a dark-mode version of a light palette, and get_platform_snippet for paste-ready Android, iOS, Flutter, mini program, CSS, SCSS or Tailwind output, and get_color_scale to expand one brand color into a 50 to 900 scale.

Tools

9 advertised

list_palettes
Advertised by the server during the last successful anonymous check.

列出配色库中的配色,可按平台(app / web / miniapp)与标签过滤。返回名称、slug、主色、场景与标签。

list_palettes input schema
{
  "type": "object",
  "properties": {
    "tag": {
      "type": "string",
      "description": "标签过滤,支持中英文,如 暗黑 / Dark"
    },
    "limit": {
      "type": "number",
      "description": "最多返回几条,默认 10"
    },
    "platform": {
      "enum": [
        "app",
        "web",
        "miniapp"
      ],
      "type": "string",
      "description": "平台,不填则三端都列"
    }
  }
}
get_palette
Advertised by the server during the last successful anonymous check.

取某一套配色的完整数据:角色色值(主色 / 功能色 / 中性色)、对比度、人工搭配建议。

get_palette input schema
{
  "type": "object",
  "required": [
    "slug"
  ],
  "properties": {
    "slug": {
      "type": "string",
      "description": "配色 slug,如 jing-hu-lan"
    },
    "platform": {
      "enum": [
        "app",
        "web",
        "miniapp"
      ],
      "type": "string",
      "description": "平台,不填则在三端中查找该 slug"
    }
  }
}
suggest_palette
Advertised by the server during the last successful anonymous check.

按自然语言关键词推荐配色(中英文均可),例如「护眼的深色记账 App」「清新博客」。会说明每个结果命中了什么。

suggest_palette input schema
{
  "type": "object",
  "required": [
    "query"
  ],
  "properties": {
    "limit": {
      "type": "number",
      "description": "最多返回几条,默认 5"
    },
    "query": {
      "type": "string",
      "description": "关键词,空格分隔,如「深色 记账」"
    },
    "platform": {
      "enum": [
        "app",
        "web",
        "miniapp"
      ],
      "type": "string"
    }
  }
}
get_css_variables
Advertised by the server during the last successful anonymous check.

取一套配色的 CSS 自定义属性(可直接粘进项目),含语义化变量名。

get_css_variables input schema
{
  "type": "object",
  "required": [
    "slug"
  ],
  "properties": {
    "slug": {
      "type": "string",
      "description": "配色 slug"
    },
    "platform": {
      "enum": [
        "app",
        "web",
        "miniapp"
      ],
      "type": "string"
    }
  }
}
check_contrast
Advertised by the server during the last successful anonymous check.

算两个颜色之间的 WCAG 对比度,并同时给出正文级(4.5 / 7)与大字级(3 / 4.5)两套判定。适合在把配色写进代码前先验一遍。

check_contrast input schema
{
  "type": "object",
  "required": [
    "foreground",
    "background"
  ],
  "properties": {
    "background": {
      "type": "string",
      "description": "背景色,如 #ffffff"
    },
    "foreground": {
      "type": "string",
      "description": "前景色(通常是文字),如 #111827"
    }
  }
}
suggest_text_color
Advertised by the server during the last successful anonymous check.

给一个背景色,返回一组可读的文字色候选(同色相的极浅与极深版 + 纯黑白参照),按对比度降序,标出推荐项与 AA / AAA 判定。

suggest_text_color input schema
{
  "type": "object",
  "required": [
    "background"
  ],
  "properties": {
    "limit": {
      "type": "number",
      "description": "最多返回几个,默认 6"
    },
    "background": {
      "type": "string",
      "description": "背景色,如 #1f5f5b"
    }
  }
}
get_platform_snippet
Advertised by the server during the last successful anonymous check.

取一套配色的可直接粘贴代码片段,按目标平台生成:Android colors.xml、iOS UIColor、Flutter Color、小程序 wxss、CSS 变量、SCSS 变量、Tailwind 配置。

get_platform_snippet input schema
{
  "type": "object",
  "required": [
    "slug",
    "target"
  ],
  "properties": {
    "lang": {
      "enum": [
        "zh",
        "en"
      ],
      "type": "string",
      "description": "角色文案语言,默认 zh"
    },
    "slug": {
      "type": "string",
      "description": "配色 slug,如 mo-lan-ye"
    },
    "target": {
      "enum": [
        "android",
        "ios",
        "flutter",
        "wxss",
        "css",
        "scss",
        "tailwind"
      ],
      "type": "string",
      "description": "目标格式:android / ios / flutter / wxss / css / scss / tailwind"
    },
    "platform": {
      "enum": [
        "app",
        "web",
        "miniapp"
      ],
      "type": "string"
    }
  }
}
get_color_scale
Advertised by the server during the last successful anonymous check.

从一个基准色生成 50 到 900 的 10 级色阶(500 等于基准色本身),每阶附白字与黑字的实测对比度;format 可取 list / json / css / tailwind。

get_color_scale input schema
{
  "type": "object",
  "required": [
    "color"
  ],
  "properties": {
    "color": {
      "type": "string",
      "description": "基准色,如 #4c8df6"
    },
    "format": {
      "enum": [
        "list",
        "json",
        "css",
        "tailwind"
      ],
      "type": "string",
      "description": "输出形态,默认 list"
    }
  }
}
darken_palette
Advertised by the server during the last successful anonymous check.

把一套浅色配色推导成深色版本:按固定规则重排明度与饱和度,并返回每对颜色的实测对比度。可用 slug 取库里配色,也可直接传 roles。

darken_palette input schema
{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "description": "配色 slug,如 jing-hu-lan"
    },
    "roles": {
      "type": "object",
      "description": "直接传角色色值,如 {\"bg\":\"#faf8f2\",\"text\":\"#2b2b2b\",\"primary\":\"#1989ea\"};与 slug 二选一"
    },
    "platform": {
      "enum": [
        "app",
        "web",
        "miniapp"
      ],
      "type": "string"
    }
  }
}

Prompts

Not advertised

No prompt definitions available.

Resources

Not advertised

No resource definitions available.

30-day availability

Aggregated from read-only remote checks; this is not a tool-execution or security guarantee.

Successful checks
1 of 1 (100%)
Average latency
271 ms
95th percentile latency
271 ms

Maintenance history

Public check and source-refresh events. Editorial and ownership records remain private.

  • · probe · passed · 271 ms · metadata changed · 9 tool(s)

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers the remote server. Use --scope project to write .mcp.json for the repo.
Claude Code configuration
claude mcp add --transport http paletteget-mcp https://paletteget-mcp.y7206062.workers.dev/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).
Codex configuration
codex mcp add paletteget-mcp --url https://paletteget-mcp.y7206062.workers.dev/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable paletteget-mcp in your MCP settings.
Cursor configuration
{
  "mcpServers": {
    "paletteget-mcp": {
      "url": "https://paletteget-mcp.y7206062.workers.dev/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure).
Cline configuration
{
  "mcpServers": {
    "paletteget-mcp": {
      "type": "streamableHttp",
      "url": "https://paletteget-mcp.y7206062.workers.dev/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start paletteget-mcp and inspect its tools.
VS Code configuration
{
  "servers": {
    "paletteget-mcp": {
      "type": "http",
      "url": "https://paletteget-mcp.y7206062.workers.dev/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.
Gemini CLI configuration
gemini mcp add --transport http paletteget-mcp https://paletteget-mcp.y7206062.workers.dev/mcp

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.
Claude Desktop configuration
{
  "mcpServers": {
    "paletteget-mcp": {
      "url": "https://paletteget-mcp.y7206062.workers.dev/mcp"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.
Windsurf configuration
{
  "mcpServers": {
    "paletteget-mcp": {
      "serverUrl": "https://paletteget-mcp.y7206062.workers.dev/mcp"
    }
  }
}

Let your agent find its tools

Find servers like PaletteGet MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.