Color Palette MCP

Design Utility for AI Agents & Developers

Color Theory • WCAG Contrast • CSS Gradients • Tailwind CSS • MCP Protocol

5 Free Tools

🎨

generate_palette

Generate a harmonious color palette using color theory.

🔍

contrast_check

Check WCAG 2.

🔄

color_convert

Convert a color between formats: hex, rgb, hsl, and CSS named colors (140 standard names).

🌈

css_gradient

Generate ready-to-use CSS gradient code from an array of hex colors.

💨

tailwind_colors

Look up Tailwind CSS v3 color values.

Free Tier — 25 requests/day

✅ All 5 tools fully free
✅ 25 requests per day (resets at 00:00 UTC)
✅ No API key required
✅ Batch JSON-RPC requests supported

Connect via MCP

{
  "mcpServers": {
    "color-palette": {
      "url": "https://color-palette-mcp.yagami8095.workers.dev/mcp",
      "transport": "streamable-http"
    }
  }
}

Example Tool Calls

Generate a pastel palette:

{"name":"generate_palette","arguments":{"mood":"pastel","count":5}}

Check contrast (WCAG):

{"name":"contrast_check","arguments":{"foreground":"#ffffff","background":"#3b82f6"}}

Find nearest Tailwind color:

{"name":"tailwind_colors","arguments":{"closest_to":"#3b82f6"}}

Generate rainbow gradient CSS:

{"name":"css_gradient","arguments":{"colors":["#ff6b6b","#ffd700","#40e0d0","#6495ed"],"type":"linear","direction":"to right"}}

OpenClaw Intelligence Ecosystem

Color Palette MCP v1.0.0 • OpenClaw Intelligence • Powered by Cloudflare Workers

Color theory: HSL harmony rotation • WCAG 2.1 contrast formula • Tailwind CSS v3 database