Servers Playground How we check Add a server Log in

Color Palette

Working · 52 ms

io.github.lazymac2x/color-palettev1.0.0

Cloudflare Workers MCP server: color-palette

Design & Creative

Source Registry entry

Maintain this server? Claim it

Try it

Call this server's tools from your browser. Nothing to install.

https://api.lazy-mac.com/color-palette/mcp

Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.

Tool list from our last check. Connect live to refresh it.

check_contrast

Check WCAG 2.1 contrast ratio between foreground and background colors. Returns ratio and AA/AAA pass/fail for both normal and large text.

backgroundstring, required

Background hex color

foregroundstring, required

Foreground hex color

This tool isn't marked read-only, so it may change something on the server or in an account you connected.

I understand, run it anyway

Tools

Color Palette MCP server | mcptry

check_contrast

Check WCAG 2.1 contrast ratio between foreground and background colors. Returns ratio and AA/AAA pass/fail for both normal and large text.

Argument	Type	Description
background*	string	Background hex color
foreground*	string	Foreground hex color

Input schema (JSON)

{
  "type": "object",
  "required": [
    "foreground",
    "background"
  ],
  "properties": {
    "background": {
      "type": "string",
      "description": "Background hex color"
    },
    "foreground": {
      "type": "string",
      "description": "Foreground hex color"
    }
  }
}

color_harmony

Generate a set of harmonious colors from a base hex color. Harmony types: complementary, analogous, triadic, split, tetradic, monochromatic.

Argument	Type	Description
type*	string	Harmony type
color*	string	Base hex color, e.g. "#ff5733"
count	number	Number of colors for monochromatic only (2–10, default 5)

Input schema (JSON)

{
  "type": "object",
  "required": [
    "type",
    "color"
  ],
  "properties": {
    "type": {
      "enum": [
        "complementary",
        "analogous",
        "triadic",
        "split",
        "tetradic",
        "monochromatic"
      ],
      "type": "string",
      "description": "Harmony type"
    },
    "color": {
      "type": "string",
      "description": "Base hex color, e.g. \"#ff5733\""
    },
    "count": {
      "type": "number",
      "description": "Number of colors for monochromatic only (2–10, default 5)"
    }
  }
}

convert_color

Convert a hex color to HEX, RGB, HSL, and CMYK formats. Input: hex string with or without # (e.g. "ff5733").

Argument	Type	Description
color*	string	Hex color string, e.g. "ff5733" or "#ff5733"

Input schema (JSON)

{
  "type": "object",
  "required": [
    "color"
  ],
  "properties": {
    "color": {
      "type": "string",
      "description": "Hex color string, e.g. \"ff5733\" or \"#ff5733\""
    }
  }
}

generate_css

Generate CSS :root custom properties from a list of hex colors. Returns a ready-to-paste CSS block.

Argument	Type	Description
name	string	CSS variable prefix (default: "palette")
colors*	array	Array of hex color strings

Input schema (JSON)

{
  "type": "object",
  "required": [
    "colors"
  ],
  "properties": {
    "name": {
      "type": "string",
      "description": "CSS variable prefix (default: \"palette\")"
    },
    "colors": {
      "type": "array",
      "items": {
        "type": "string"
      },
      "description": "Array of hex color strings"
    }
  }
}

generate_gradient

Generate an interpolated gradient between two hex colors. Returns color stops and a ready-to-use CSS linear-gradient string.

Argument	Type	Description
steps	number	Number of gradient stops (2–20, default 5)
color1*	string	Start hex color
color2*	string	End hex color

Input schema (JSON)

{
  "type": "object",
  "required": [
    "color1",
    "color2"
  ],
  "properties": {
    "steps": {
      "type": "number",
      "description": "Number of gradient stops (2–20, default 5)"
    },
    "color1": {
      "type": "string",
      "description": "Start hex color"
    },
    "color2": {
      "type": "string",
      "description": "End hex color"
    }
  }
}

generate_tailwind

Generate a Tailwind CSS color config object. Colors are mapped to standard shades (50, 100, 200 … 900) in order. Paste the result into tailwind.config.js theme.extend.colors.

Argument	Type	Description
name	string	Color group key (default: "brand")
colors*	array	Array of hex color strings (up to 10)

Input schema (JSON)

{
  "type": "object",
  "required": [
    "colors"
  ],
  "properties": {
    "name": {
      "type": "string",
      "description": "Color group key (default: \"brand\")"
    },
    "colors": {
      "type": "array",
      "items": {
        "type": "string"
      },
      "description": "Array of hex color strings (up to 10)"
    }
  }
}

random_palette

Generate a random harmonious color palette. Colors share a hue family to avoid clashing.

Argument	Type	Description
count	number	Number of colors (1–10, default 5)

Input schema (JSON)

{
  "type": "object",
  "properties": {
    "count": {
      "type": "number",
      "description": "Number of colors (1–10, default 5)"
    }
  }
}