Color palettes in your IDE

Generate professional color scales directly in any MCP-compatible editor using natural language. See interactive color swatches right in the conversation with MCP Apps support. Free to use.

What you can do

• Generate 5-color palettes — Create harmonious palettes with Primary, Secondary, Accent, Neutral, and Background colors. Choose styles like vibrant, muted, corporate, pastel, dark, earthy, and more.
• Generate monochromatic scales — Create 11-shade color scales from any color. Just say "generate a blue palette" and get shades 50-950.
• Export anywhere — Tailwind v4, SCSS, CSS variables, Figma tokens, iOS Swift, Android XML, JSON, or SVG.
• Check contrast — "Is this accessible?" Get WCAG 2.1 and APCA scores instantly.
• Convert formats — Hex, RGB, HSL, OKLCH, Display P3, HSV, CMYK — convert between any of them.
• Interactive UI — MCP Apps support means you see actual color swatches in the conversation on claude.ai and other compatible clients.

Example prompts

• "Generate a 5-color palette"
• "Give me a vibrant color palette"
• "Create a muted palette based on #3b82f6"
• "Generate a corporate color scheme"
• "Generate a blue monochromatic palette"
• "Export #3b82f6 as Tailwind CSS called primary"
• "Check contrast between white and #1a1a1a"

Why MCP instead of a plugin?

• Natural language — Say "make it warmer" or "more muted" — the AI understands context.
• Works everywhere — Cursor, VS Code, Claude Desktop, Codex, OpenCode — one tool for every MCP-compatible IDE.
• Visual when you want it — MCP Apps renders interactive swatches on supported clients. Text fallback everywhere else.
• Runs locally — The MCP runs on your machine, no server required. Your data stays private.

How it works

1. Add to your IDE — Copy the config snippet into your MCP settings file.
2. Start asking — "Generate a warm orange palette as Tailwind CSS" — that's it.