Generate Brand Color Palettes
Create cohesive color palettes for brand identities, websites, and design systems — from a seed color or a descriptive prompt.
Check Color Accessibility Contrast Ratios
Verify text and background color combinations meet WCAG AA or AAA accessibility standards before shipping to production.
Tool
Accessibility failures are silent until someone complains or you fail an audit. The most common accessibility issue on the web is insufficient color contrast — text that technically exists in the design but is unreadable to anyone with low vision, in bright sunlight, or on a lower-quality display.
Color Tools' check_contrast skill calculates the WCAG contrast ratio between any two colors and tells you whether the combination passes AA (the legal minimum for most accessibility requirements), AAA (optimal), or fails completely — with enough specificity to know whether the failure is in normal text, large text, or UI elements.
Designers reviewing designs before developer handoff, developers checking color token implementations, and product managers who need to certify that their application meets accessibility requirements use check_contrast to catch failures before they reach users.
Agent Guides
Claude
- Connect ToolRouter in Claude: claude mcp add toolrouter -- npx -y toolrouter-mcp
- Provide the foreground and background hex values and describe the use case — body text, large heading, button label, icon.
- Run color-tools with check_contrast for the color pair.
ChatGPT
- Connect ToolRouter in ChatGPT: {"mcpServers":{"toolrouter":{"command":"npx","args":["-y","toolrouter-mcp"]}}}
- Provide the full design system color palette and ask for a matrix check of all text-on-background combinations.
- Run check_contrast for each critical combination.
Copilot
- Connect ToolRouter in Copilot: {"mcpServers":{"toolrouter":{"command":"npx","args":["-y","toolrouter-mcp"]}}}
- Provide the color combinations to check and the document context they need to appear in.
- Run check_contrast for each combination.
OpenClaw
- Connect ToolRouter in OpenClaw: openclaw mcp add toolrouter -- npx -y toolrouter-mcp
- Define the full set of foreground and background color pairs to check.
- Run check_contrast across all pairs.
Related Use Cases
Get Color Information and Names
Look up detailed information about any color — name, hex, RGB, HSL, CMYK values, and complementary colors — for design and development use.