{"_id":"@colorsandfonts/mcp","_rev":"5-0f3642d6c0b16c3edc34365775ed2cab","name":"@colorsandfonts/mcp","dist-tags":{"latest":"1.1.0"},"versions":{"0.1.0":{"name":"@colorsandfonts/mcp","version":"0.1.0","keywords":["mcp","model-context-protocol","colorsandfonts","tailwind","color-palette","color-generator","ai"],"author":{"name":"Michael Andreuzza"},"license":"MIT","_id":"@colorsandfonts/mcp@0.1.0","maintainers":[{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"}],"homepage":"https://github.com/michael-andreuzza/colorsandfonts#readme","bugs":{"url":"https://github.com/michael-andreuzza/colorsandfonts/issues"},"bin":{"colorsandfonts-mcp":"dist/index.js"},"dist":{"shasum":"04c8f0f22dc74ff8a5a11d31f90c7b580f6ff5a3","tarball":"https://registry.npmjs.org/@colorsandfonts/mcp/-/mcp-0.1.0.tgz","fileCount":4,"integrity":"sha512-7CAGgBro0fZnT6sYQVhjy1TDc/7choQAtfpLzjyqFQeBHyCtCrHNloB8cWTuBCbUfqqF898K/zhp7cNQa6+Ycg==","signatures":[{"sig":"MEUCIF+ucexR/9ysg/tDs/FeVTZC0A2Gk2ZJoNUojLfAhqxoAiEAhO7iPf5Jp76WLKay7vufQpJAd2VamgjI+3x0ni7Zsjw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33983},"type":"module","engines":{"node":">=18"},"gitHead":"45bd7207b333a4dcfcbedd03e5a2fd09b5a857a1","scripts":{"dev":"tsup src/index.ts --format esm --watch","build":"tsup src/index.ts --format esm --dts --clean","typecheck":"tsc --noEmit"},"_npmUser":{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"},"repository":{"url":"git+https://github.com/michael-andreuzza/colorsandfonts.git","type":"git","directory":"packages/mcp"},"_npmVersion":"11.4.2","description":"MCP server for generating color palettes - enables AI assistants to create Tailwind, SCSS, and CSS color scales","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.22.0","chroma-js":"^2.4.2","color-convert":"^2.0.1","@modelcontextprotocol/sdk":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","typescript":"^5.5.3","@types/node":"^20.14.9","@types/chroma-js":"^2.4.0","@types/color-convert":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mcp_0.1.0_1770567624398_0.19953055486718108","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@colorsandfonts/mcp","version":"0.2.0","keywords":["mcp","model-context-protocol","colorsandfonts","tailwind","color-palette","color-generator","ai"],"author":{"name":"Michael Andreuzza"},"license":"MIT","_id":"@colorsandfonts/mcp@0.2.0","maintainers":[{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"}],"homepage":"https://github.com/michael-andreuzza/colorsandfonts#readme","bugs":{"url":"https://github.com/michael-andreuzza/colorsandfonts/issues"},"bin":{"colorsandfonts-mcp":"dist/index.js"},"dist":{"shasum":"8f0be0518763ccb8b272417dd17588e5f5bf6ae1","tarball":"https://registry.npmjs.org/@colorsandfonts/mcp/-/mcp-0.2.0.tgz","fileCount":7,"integrity":"sha512-uuQKL1+L2RvuP4xvX6NIJ3K0st7Meg2IoSium+BlCV5XZFytkAid/ihYWxDp4qDxq+wZKMRKEDoQg9wt2fDTLA==","signatures":[{"sig":"MEUCIGfnLamhBO7dNb/wcSebfaCo0jpGWD5NcXAhIflqh9ebAiEAplJ0ag6ZbztL7lxqQcaWtiThuVNrtRlLA9pKieo0ohw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":37822},"type":"module","engines":{"node":">=18"},"gitHead":"45bd7207b333a4dcfcbedd03e5a2fd09b5a857a1","scripts":{"dev":"tsup src/index.ts --format esm --watch","build":"tsup src/index.ts src/license.ts --format esm --dts --clean","typecheck":"tsc --noEmit"},"_npmUser":{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"},"repository":{"url":"git+https://github.com/michael-andreuzza/colorsandfonts.git","type":"git","directory":"packages/mcp"},"_npmVersion":"11.4.2","description":"MCP server for generating color palettes - enables AI assistants to create Tailwind, SCSS, and CSS color scales. Requires a license key from colorsandfonts.com","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.22.0","chroma-js":"^2.4.2","color-convert":"^2.0.1","@modelcontextprotocol/sdk":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","typescript":"^5.5.3","@types/node":"^20.14.9","@types/chroma-js":"^2.4.0","@types/color-convert":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mcp_0.2.0_1770574154210_0.9324371303992125","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@colorsandfonts/mcp","version":"0.3.0","keywords":["mcp","mcp-apps","model-context-protocol","colorsandfonts","tailwind","color-palette","color-generator","ai"],"author":{"name":"Michael Andreuzza"},"license":"MIT","_id":"@colorsandfonts/mcp@0.3.0","maintainers":[{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"}],"homepage":"https://github.com/michael-andreuzza/colorsandfonts#readme","bugs":{"url":"https://github.com/michael-andreuzza/colorsandfonts/issues"},"bin":{"colorsandfonts-mcp":"dist/index.js"},"dist":{"shasum":"791229f7232dff1556470299be26ef1bff3933e8","tarball":"https://registry.npmjs.org/@colorsandfonts/mcp/-/mcp-0.3.0.tgz","fileCount":9,"integrity":"sha512-NQ18ZszyTTQqs5w3ga0hJA+r/kM/O3kkcpX5CpIqIkHOis4DgulXYcKasFedTjL3Vrs0J6Zh4LfjXWKad3LXzg==","signatures":[{"sig":"MEUCIGt+gKKHT5H+63xk62q+IHnhJKYuppfq1HESbRQP+gIdAiEAyAqZC5SrNZC3H2H0DqeG1a5yaogiDUNfZ++z+ZORYWU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":782706},"type":"module","engines":{"node":">=18"},"gitHead":"f781025f3c54837652f37065ad705586f2e031d1","scripts":{"dev":"tsup src/index.ts --format esm --watch","build":"npm run build:server && npm run build:ui","build:ui":"cross-env INPUT=palette-app.html vite build && cross-env INPUT=contrast-app.html vite build","typecheck":"tsc --noEmit","build:server":"tsup src/index.ts src/license.ts --format esm --dts --clean"},"_npmUser":{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"},"repository":{"url":"git+https://github.com/michael-andreuzza/colorsandfonts.git","type":"git","directory":"packages/mcp"},"_npmVersion":"11.4.2","description":"MCP server with interactive UI for generating color palettes - enables AI assistants to create and visualize Tailwind, SCSS, and CSS color scales. Requires a license key from colorsandfonts.com","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.22.0","vite":"^7.3.1","chroma-js":"^2.4.2","cross-env":"^10.1.0","color-convert":"^2.0.1","vite-plugin-singlefile":"^2.3.0","@modelcontextprotocol/sdk":"^1.0.0","@modelcontextprotocol/ext-apps":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","typescript":"^5.5.3","@types/node":"^20.14.9","@types/chroma-js":"^2.4.0","@types/color-convert":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mcp_0.3.0_1770583815470_0.5736278291001204","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@colorsandfonts/mcp","version":"1.0.0","keywords":["mcp","mcp-apps","model-context-protocol","colorsandfonts","tailwind","color-palette","color-generator","ai"],"author":{"name":"Michael Andreuzza"},"license":"MIT","_id":"@colorsandfonts/mcp@1.0.0","maintainers":[{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"}],"homepage":"https://github.com/michael-andreuzza/colorsandfonts#readme","bugs":{"url":"https://github.com/michael-andreuzza/colorsandfonts/issues"},"bin":{"colorsandfonts-mcp":"dist/index.js"},"dist":{"shasum":"6910131b984ead261e5ebfff9228c0d1b911d519","tarball":"https://registry.npmjs.org/@colorsandfonts/mcp/-/mcp-1.0.0.tgz","fileCount":9,"integrity":"sha512-Kp9q1vrkn93VLMmlqwn4Eh2Dd3MZbzh0uYHwKwn77vGiAsIi6kkVNyWPjcQ+UbtXe0s+ojCpeWH/FDM6h7elew==","signatures":[{"sig":"MEYCIQDq9FQg08VrZTJDxOkV3QQ3n5kIWyRbzGpIqFBydgYXmgIhAPVOBC0WWm5eWyyjtL+JcfdH++mSSVyrVl6dAPqiuNb7","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":779722},"type":"module","engines":{"node":">=18"},"gitHead":"f781025f3c54837652f37065ad705586f2e031d1","scripts":{"dev":"tsup src/index.ts --format esm --watch","build":"npm run build:server && npm run build:ui","build:ui":"cross-env INPUT=palette-app.html vite build && cross-env INPUT=contrast-app.html vite build","typecheck":"tsc --noEmit","build:server":"tsup src/index.ts src/license.ts --format esm --dts --clean"},"_npmUser":{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"},"repository":{"url":"git+https://github.com/michael-andreuzza/colorsandfonts.git","type":"git","directory":"packages/mcp"},"_npmVersion":"11.4.2","description":"Free MCP server with interactive UI for generating color palettes - enables AI assistants to create and visualize Tailwind, SCSS, and CSS color scales","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.22.0","vite":"^7.3.1","chroma-js":"^2.4.2","cross-env":"^10.1.0","color-convert":"^2.0.1","vite-plugin-singlefile":"^2.3.0","@modelcontextprotocol/sdk":"^1.0.0","@modelcontextprotocol/ext-apps":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","typescript":"^5.5.3","@types/node":"^20.14.9","@types/chroma-js":"^2.4.0","@types/color-convert":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mcp_1.0.0_1770620159753_0.3970288184061648","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@colorsandfonts/mcp","version":"1.1.0","description":"Free MCP server with interactive UI for generating color palettes - enables AI assistants to create and visualize Tailwind, SCSS, and CSS color scales","type":"module","license":"MIT","bin":{"colorsandfonts-mcp":"dist/index.js"},"scripts":{"build":"npm run build:server && npm run build:ui","build:server":"tsup src/index.ts src/license.ts --format esm --dts --clean","build:ui":"cross-env INPUT=palette-app.html vite build && cross-env INPUT=contrast-app.html vite build","dev":"tsup src/index.ts --format esm --watch","typecheck":"tsc --noEmit"},"dependencies":{"@modelcontextprotocol/ext-apps":"^1.0.1","@modelcontextprotocol/sdk":"^1.0.0","chroma-js":"^2.4.2","color-convert":"^2.0.1","cross-env":"^10.1.0","vite":"^7.3.1","vite-plugin-singlefile":"^2.3.0","zod":"^3.22.0"},"devDependencies":{"@types/chroma-js":"^2.4.0","@types/color-convert":"^2.0.0","@types/node":"^20.14.9","tsup":"^8.1.0","typescript":"^5.5.3"},"engines":{"node":">=18"},"author":{"name":"Michael Andreuzza"},"repository":{"type":"git","url":"git+https://github.com/michael-andreuzza/colorsandfonts.git","directory":"packages/mcp"},"keywords":["mcp","mcp-apps","model-context-protocol","colorsandfonts","tailwind","color-palette","color-generator","ai"],"_id":"@colorsandfonts/mcp@1.1.0","gitHead":"0913bc3078e64972d2334578decef58ef6fa362d","bugs":{"url":"https://github.com/michael-andreuzza/colorsandfonts/issues"},"homepage":"https://github.com/michael-andreuzza/colorsandfonts#readme","_nodeVersion":"22.14.0","_npmVersion":"11.4.2","dist":{"integrity":"sha512-kbTQcnLPlhseMBtKVb3Qoo7rYGaQViME+0PjI/gHFw48Firl6CuVj7mjYDTCpHilIDx3DgDU494xsR8iGDjd5A==","shasum":"e5ab1633e0404db424e95467e87fae0abca62181","tarball":"https://registry.npmjs.org/@colorsandfonts/mcp/-/mcp-1.1.0.tgz","fileCount":9,"unpackedSize":789636,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICGmGOgQEL9/vJxIX4goeShKEIZQGzGvWRBCO2QjSbrvAiEA8VoLM4lXZx+eu+Mb43oYE2Ak3ysOqPjSLGoloUtHyaI="}]},"_npmUser":{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"},"directories":{},"maintainers":[{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mcp_1.1.0_1770620598327_0.9140233940158164"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-08T16:20:24.300Z","modified":"2026-02-09T07:03:18.654Z","0.1.0":"2026-02-08T16:20:24.550Z","0.2.0":"2026-02-08T18:09:14.349Z","0.3.0":"2026-02-08T20:50:15.667Z","1.0.0":"2026-02-09T06:55:59.931Z","1.1.0":"2026-02-09T07:03:18.520Z"},"bugs":{"url":"https://github.com/michael-andreuzza/colorsandfonts/issues"},"author":{"name":"Michael Andreuzza"},"license":"MIT","homepage":"https://github.com/michael-andreuzza/colorsandfonts#readme","keywords":["mcp","mcp-apps","model-context-protocol","colorsandfonts","tailwind","color-palette","color-generator","ai"],"repository":{"type":"git","url":"git+https://github.com/michael-andreuzza/colorsandfonts.git","directory":"packages/mcp"},"description":"Free MCP server with interactive UI for generating color palettes - enables AI assistants to create and visualize Tailwind, SCSS, and CSS color scales","maintainers":[{"name":"michael-andreuzza","email":"michaelandreuzzavega@gmail.com"}],"readme":"# Colorsandfonts MCP Server\n\nAn MCP (Model Context Protocol) server that enables AI assistants like Claude, GitHub Copilot, and others to generate professional color palettes directly in your IDE.\n\n**Now with MCP Apps support** — see interactive color swatches directly in the conversation on clients that support it (claude.ai, Claude Desktop, Goose, and more).\n\n**Free to use** — no license key required.\n\n## Features\n\n- **Generate 5-Color Palettes**: Create harmonious palettes with Primary, Secondary, Accent, Neutral, and Background colors\n- **Generate Monochromatic Palettes**: Create 11-shade color scales from any base color\n- **Multiple Palette Styles**: Corporate, vibrant, muted, dark, earthy, pastel, mono, high contrast\n- **Multiple Export Formats**: Tailwind CSS v4, SCSS, CSS, Figma tokens, JSON, Android XML, iOS Swift, SVG\n- **Contrast Checking**: WCAG 2.1 and APCA accessibility validation\n- **Color Conversion**: Convert between hex, RGB, HSL, OKLCH, Display P3, HSV, and CMYK\n- **Interactive UI**: MCP Apps support — see color swatches rendered in the conversation\n\n## Configuration\n\nAdd the MCP to your AI IDE.\n\n### Cursor\n\nAdd to `.cursor/mcp.json`:\n\n```json\n{\n  \"mcpServers\": {\n    \"colorsandfonts\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@colorsandfonts/mcp\"]\n    }\n  }\n}\n```\n\n### VS Code (GitHub Copilot)\n\nAdd to `.vscode/mcp.json`:\n\n```json\n{\n  \"servers\": {\n    \"colorsandfonts\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@colorsandfonts/mcp\"]\n    }\n  }\n}\n```\n\n### Claude Desktop\n\nAdd to `~/Library/Application Support/Claude/claude_desktop_config.json` (macOS):\n\n```json\n{\n  \"mcpServers\": {\n    \"colorsandfonts\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@colorsandfonts/mcp\"]\n    }\n  }\n}\n```\n\n### Codex\n\nAdd to `~/.codex/config.toml`:\n\n```toml\n[mcp_servers.colorsandfonts]\ncommand = \"npx\"\nargs = [\"-y\", \"@colorsandfonts/mcp\"]\n```\n\n## Available Tools\n\n### `generate_palette`\n\nGenerate a harmonious 5-color palette with Primary, Secondary, Accent, Neutral, and Background colors.\n\n**Parameters:**\n\n- `style` (string, optional): One of `corporate`, `vibrant`, `muted`, `dark`, `earthy`, `pastel`, `mono`, `highContrast`\n- `baseColor` (string, optional): Base color to build from (hex, RGB, HSL)\n\n**Example prompts:**\n\n- \"Generate a 5-color palette\"\n- \"Give me a vibrant color palette\"\n- \"Create a muted palette based on #3b82f6\"\n- \"Generate a corporate color scheme\"\n- \"Make a pastel palette for a friendly app\"\n- \"Create a dark mode palette\"\n\n### `generate_monochromatic`\n\nGenerate an 11-shade monochromatic palette from any color.\n\n**Parameters:**\n\n- `color` (string, required): Base color in any format (hex, RGB, HSL, OKLCH)\n- `name` (string, optional): Name for the palette (e.g., \"primary\", \"brand\")\n\n**Example prompts:**\n\n- \"Generate a blue monochromatic palette\"\n- \"Create a palette from #3b82f6 called primary\"\n- \"Make a teal color scale from rgb(20, 184, 166)\"\n\n### `generate_random_palette`\n\nGenerate a random harmonious color with its full monochromatic palette.\n\n**Parameters:** None\n\n**Example prompts:**\n\n- \"Give me a random monochromatic palette\"\n- \"Generate a random color scale for inspiration\"\n\n### `export_palette`\n\nExport a palette in various formats.\n\n**Parameters:**\n\n- `color` (string, required): Base color in any format\n- `name` (string, optional): Name for the variables\n- `format` (string, required): One of `tailwind`, `scss`, `css`, `figma`, `json`, `android`, `ios`, `svg`\n- `colorFormat` (string, optional): Value format - `hex`, `rgb`, `hsl`, `oklch`, `p3`\n\n**Example prompts:**\n\n- \"Export a coral palette as Tailwind CSS\"\n- \"Give me SCSS variables for #6366f1 called indigo\"\n- \"Generate iOS Swift colors from purple\"\n- \"Export #059669 as Android XML colors\"\n\n### `check_contrast`\n\nCheck accessibility contrast between two colors.\n\n**Parameters:**\n\n- `foreground` (string, required): Text/foreground color\n- `background` (string, required): Background color\n\n**Example prompts:**\n\n- \"Check contrast between white and #1a1a1a\"\n- \"Is #3b82f6 accessible on white?\"\n- \"Test if rgb(0, 0, 0) works on #f5f5f5\"\n\n### `parse_color`\n\nConvert any color to all other formats.\n\n**Parameters:**\n\n- `color` (string, required): Color in any supported format\n\n**Example prompts:**\n\n- \"Convert #3b82f6 to all formats\"\n- \"What is rgb(59, 130, 246) in OKLCH?\"\n- \"Parse hsl(217, 91%, 60%)\"\n\n## Supported Color Formats\n\n**Input formats:**\n\n- Hex: `#3b82f6` or `3b82f6` or `#38f`\n- RGB: `rgb(59, 130, 246)`\n- HSL: `hsl(217, 91%, 60%)`\n- OKLCH: `oklch(62.3% 0.214 259.1)`\n- Display P3: `color(display-p3 0.231 0.510 0.965)`\n\n**Output formats:**\n\n- Hex, RGB, HSL, OKLCH, Display P3, HSV/HSB, CMYK\n\n## License\n\nMIT - Free to use.\n\n## Links\n\n- Website: [colorsandfonts.com](https://colorsandfonts.com)\n- Documentation: [colorsandfonts.com/mcp](https://colorsandfonts.com/mcp)\n- Author: [Michael Andreuzza](https://github.com/michael-andreuzza)\n","readmeFilename":"README.md"}