mcpField
C
color-palette

color-palette

Remote
github.com/lazymac2xMedia & Design0Updated 29w ago
Repository

About color-palette

color-palette is a color-generation API for developers building interfaces and design systems. It provides harmony and gradient generation, accessibility checks, and CSS or Tailwind output.

Key features

  1. 01Convert HEX to RGB and HSL
  2. 02Generate color harmonies
  3. 03Create color gradients
  4. 04Check contrast and WCAG scores
  5. 05Export CSS variables and Tailwind config
  6. 06Generate random palettes

Use cases

  1. 01Convert colors for an interface
  2. 02Create coordinated palette variations
  3. 03Check text and background contrast
  4. 04Export colors to CSS or Tailwind

Configuration

Remote servers need no local install. Pick your client, then copy the config or install in one click.

Endpointhttps://api.lazy-mac.com/color-palette/mcp
Copy install command
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.

Tools

7
ParameterTypeRequiredDescription
colorstringYesHex color string, e.g. "ff5733" or "#ff5733"

Details

From the project README

logo

lazymac API Store Gumroad MCPize

color-palette-api

⭐ Building in public from $0 MRR. Star if you want to follow the journey — lazymac-mcp (42 tools, one MCP install) · lazymac-k-mcp (Korean wedge) · lazymac-sdk (TS client) · api.lazy-mac.com · Pro $29/mo.

npm Smithery lazymac Pro api.lazy-mac.com

🚀 Want all 42 lazymac tools through ONE MCP install? npx -y @lazymac/mcp · Pro $29/mo for unlimited calls.

Color palette generation API — harmonies, gradients, contrast checking, WCAG accessibility scoring, CSS/Tailwind output. Zero external dependencies.

Quick Start

npm install && npm start  # http://localhost:4000

Endpoints

Convert
curl http://localhost:4000/api/v1/convert/ff6b35
# → {"hex":"#ff6b35","rgb":{"r":255,"g":107,"b":53},"hsl":{"h":16,"s":100,"l":60}}
Color Harmonies
# Types: complementary, analogous, triadic, split, tetradic, monochromatic
curl http://localhost:4000/api/v1/harmony/complementary/ff6b35
curl http://localhost:4000/api/v1/harmony/triadic/3498db
curl http://localhost:4000/api/v1/harmony/monochromatic/e74c3c?count=7
Gradient
curl "http://localhost:4000/api/v1/gradient/ff6b35/3498db?steps=7"
# → colors array + CSS gradient string
Contrast / WCAG Accessibility
curl http://localhost:4000/api/v1/contrast/000000/ffffff
# → {"ratio":21,"AA_normal":true,"AA_large":true,"AAA_normal":true,"AAA_large":true}

curl http://localhost:4000/api/v1/contrast/ff6b35/ffffff
# → Check if your orange text passes accessibility on white background
Random Palette
curl "http://localhost:4000/api/v1/random?count=5"
CSS Variables
curl -X POST http://localhost:4000/api/v1/css \
  -H "Content-Type: application/json" \
  -d '{"colors":["#ff6b35","#3498db","#2ecc71"], "name":"brand"}'
Tailwind Config
curl -X POST http://localhost:4000/api/v1/tailwind \
  -H "Content-Type: application/json" \
  -d '{"colors":["#fef3c7","#fde68a","#fcd34d","#fbbf24","#f59e0b","#d97706","#b45309","#92400e","#78350f","#451a03"], "name":"amber"}'

License

MIT

💡 Host your own stack? Get $200 DigitalOcean credit via lazymac referral link.

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.