MCP.so

Coolors MCP

Created By
coolors-mcp9 months ago
Advanced color operations MCP server with Material Design 3 support, CSS theme matching, image color extraction, and accessibility compliance. Features HCT color space for perceptually accurate operations.
# color
# material-design
OverviewContentToolsComments
Overview

What is Coolors MCP?

Coolors MCP is an advanced color operations server that supports Material Design 3, CSS theme matching, image color extraction, and accessibility compliance, utilizing the HCT color space for perceptually accurate operations.

How to use Coolors MCP?

To use Coolors MCP, you can run it directly using NPX, install it via NPM, or clone the source code from GitHub. Configuration is done through JSON for integration with other tools.

Key features of Coolors MCP?

  • 🎨 Color space conversions (RGB, HSL, LAB, HCT, etc.)
  • 📏 Perceptual color metrics (Delta E calculations)
  • 🎭 Material Design 3 theme generation
  • 🔍 Smart theme matching for CSS variables
  • 🖼️ Image color extraction using Celebi quantization
  • ♿ WCAG compliance checking for contrast ratios
  • 🔄 Automated CSS refactoring with theme variables
  • 🌈 Advanced palette and gradient generation

Use cases of Coolors MCP?

  1. Design system migration to CSS variables.
  2. Ensuring accessibility compliance for color combinations.
  3. Generating Material Design themes with tonal palettes.
  4. Harmonizing brand colors for cohesive design.
  5. Extracting colors from images for theming.
  6. Creating smooth gradients for modern user interfaces.

FAQ from Coolors MCP?

  • Can Coolors MCP handle all color formats?

Yes! It supports various color formats including RGB, HSL, LAB, and HCT.

  • Is there a recommended installation method?

Yes! Using NPX is recommended for quick setup without installation.

  • How does Coolors MCP ensure accessibility?

It automatically checks contrast ratios against WCAG standards to ensure compliance.

Try in Playground

Server Config

{
  "mcpServers": {
    "coolors": {
      "command": "npx",
      "args": [
        "-y",
        "@trishchuk/coolors-mcp"
      ]
    }
  }
}
Project Info
Created At
9 months ago
Updated At
8 months ago
Author Name
coolors-mcp
Star
-
Language
-
License
-
Category
research-and-data
Tags
color
material-design
Homepage
https://github.com/x51xxx/coolors-mcp/

Recommend Servers

View All
302_browser_use_mcp
@302ai

Automatically create a remote browser to complete your specified tasks, developed based on Browser Use + Sandbox. 自动创建一个远程浏览器，完成你指定的任务，基于Browser Use + Sandbox开发。

a year ago
Serper MCP Server
@garymengcom

A Serper MCP Server

Python
a year ago
MCP Advisor
@istarwyh

MCP Advisor & Installation - Use the right MCP server for your needs

TypeScript
a year ago
Github
@modelcontextprotocol

Repository management, file operations, and GitHub API integration

a year ago
Payai X402 Tools

3 hours ago
AgentQL MCP Server
@tinyfish-io

Model Context Protocol server that integrates AgentQL's data extraction capabilities.

JavaScript
a year ago
Push To Display Mcp Server
@pushtodisplay

4 hours ago
Time
@modelcontextprotocol

A Model Context Protocol server that provides time and timezone conversion capabilities. This server enables LLMs to get current time information and perform timezone conversions using IANA timezone names, with automatic system timezone detection.

4 months ago
Filesystem
@modelcontextprotocol

2 months ago
Playwright Mcp
@microsoft

Playwright MCP server

TypeScript
10 months ago
Payai X402 Tools

4 hours ago
Unofficial Mcp Server For Primereact 10.x
@wisdomrock

An unofficial MCP Server for PrimeReact 10.x to fill the gap while we wait for the official one (coming with PrimeReact v11). **What it does:** - Covers 105 PrimeReact v10 components parsed from their TypeScript definitions - Exposes props, types, JSDoc descriptions, and event callbacks - Tools include: `get_component`, `get_component_props`, `search_components`, `suggest_component`, `get_form_components`, `get_data_components`, and more **Why it's useful:** If you use Claude Code, Cursor, or any MCP-compatible AI assistant, you can now get accurate PrimeReact component suggestions and code generation grounded in the actual API — no more hallucinated props.

4 hours ago
Sentry
@modelcontextprotocol

Retrieving and analyzing issues from Sentry.io

a year ago
Blender
@ahujasid

BlenderMCP connects Blender to Claude AI through the Model Context Protocol (MCP), allowing Claude to directly interact with and control Blender. This integration enables prompt assisted 3D modeling, scene creation, and manipulation.

a year ago
Baidu Map
@baidu-maps

百度地图核心API现已全面兼容MCP协议，是国内首家兼容MCP协议的地图服务商。

a year ago
Google Maps
@modelcontextprotocol

Location services, directions, and place details

a year ago
Payai X402 Tools

3 hours ago
Memory
@modelcontextprotocol

a year ago
PostgreSQL
@modelcontextprotocol

Read-only database access with schema inspection

a year ago
Mainline
@Nat Young

Gives your AI agent your story map and given/when/then acceptance criteria. Read-only.

10 hours ago
Mcp Skills
@BeBraveBeKind

Pre-install trust scoring & safety scanning for MCP servers, AI skills & npm packages — 15 signals incl. OSV/KEV/EPSS vuln intel and an auto-gate go/no-go.

6 hours ago
Fittin — Startup Ip Protection
@rnwkr7rscy-lang

Know what's protectable before competitors copy it. Instant AI-powered patentability check for your startup idea. Submit your idea — get a Patentability Analysis document (PDF + DOCX) with IP risk score and a clear picture of what's protectable. Free, no card required. Full IP Portfolio with 6 documents available ($99).

6 hours ago
CLI MARKET MCP SERVER
@Ricardo Cuba

Conecta tus asistentes de IA (Claude, Cursor, Cline, etc.) con **CLI MARKET**, la plataforma de marketplace para línea de comandos.

7 hours ago
Zhipu Web Search
@BigModel

Zhipu Web Search MCP Server is a search engine specifically designed for large models. It integrates four search engines, allowing users to flexibly compare and switch between them. Building upon the web crawling and ranking capabilities of traditional search engines, it enhances intent recognition capabilities, returning results more suitable for large model processing (such as webpage titles, URLs, summaries, site names, site icons, etc.). This helps AI applications achieve "dynamic knowledge acquisition" and "precise scenario adaptation" capabilities.

a year ago
Aiimagemultistyle
@codecraftm

A Model Context Protocol (MCP) server for image generation and manipulation using fal.ai's Stable Diffusion model.

a year ago
Mailtrap Email Sending MCP
@Mailtrap

An MCP server that provides a tool for sending transactional emails via Mailtrap

a year ago
Qiniu MCP Server
@Qiniu

基于七牛云产品构建的 Model Context Protocol (MCP) Server，支持用户在 AI 大模型客户端的上下文中通过该 MCP Server 来访问七牛云存储资源、利用 Dora 服务进行图片操作等。 如果有什么需求欢迎在下方评论，您也可以在 github 仓库中提 issue。

Python
a year ago
Howtocook Mcp
@worryzyy

基于Anduin2017 / HowToCook （程序员在家做饭指南）的mcp server，帮你推荐菜谱、规划膳食，解决“今天吃什么“的世纪难题； Based on Anduin2017/HowToCook (Programmer's Guide to Cooking at Home), MCP Server helps you recommend recipes, plan meals, and solve the century old problem of "what to eat today"

a year ago
Cli Market
@Treevu-ai

Commerce infrastructure for AI agents — 43 MCP tools to search, compare, and purchase across 36 verified retailers in 8 countries. 45,000+ real shelf prices refreshed every 4h. MIT.

an hour ago
mcp-server-flomo MCP Server
@chatmcp

Write notes to Flomo

JavaScript
a year ago