MCP Server

color-palette

io.github.lazymac2x/color-palette
Design & Creative Developer Tools Public & reachable MCP 2026-07-28

What this MCP does

Provides color conversion, harmony and palette generation, accessibility contrast checks, gradients, CSS variables, and Tailwind color configurations.

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.
Input schema
{'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.
Input schema
{'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").
Input schema
{'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.
Input schema
{'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.
Input schema
{'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.
Input schema
{'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.
Input schema
{'type': 'object', 'properties': {'count': {'type': 'number', 'description': 'Number of colors (1–10, default 5)'}}}
Added
generate_tailwind
Sept. 17, 2026, 12:43 p.m.
Added
generate_css
Sept. 17, 2026, 12:43 p.m.
Added
random_palette
Sept. 17, 2026, 12:43 p.m.
Added
check_contrast
Sept. 17, 2026, 12:43 p.m.
Added
generate_gradient
Sept. 17, 2026, 12:43 p.m.
Added
color_harmony
Sept. 17, 2026, 12:43 p.m.
Added
convert_color
Sept. 17, 2026, 12:43 p.m.