tailwindshades-mcp
Related Servers
Alternatives to tailwindshades-mcp
- AlicenseBqualityDmaintenanceEnables comprehensive color manipulation, conversion between 22+ formats (HEX, RGB, HSL, CMYK, LAB, etc.), palette generation, gradient creation, and accessibility compliance checking. Supports framework-specific outputs for CSS, Swift, Android, Flutter, and Tailwind with high-precision conversions and visualization capabilities.25MIT
- AlicenseNot gradedqualityDmaintenanceProvides comprehensive color conversion, manipulation, analysis, and WCAG accessibility tools supporting multiple formats (hex, rgb, hsl, oklch, oklab) for design systems and web development.14 npm2MIT
- FlicenseBqualityDmaintenanceFinds the closest Tailwind CSS palette colors to any given CSS color value. Supports multiple color spaces and customizable result filtering to help match designs to Tailwind's color system.1-
Related Servers
- AlicenseNot gradedqualityBmaintenanceExtract palettes from images, generate harmonies, gradients, random palettes; Check WCAG and APCA contrast; Suggest nearest passing OkLCH lightness; Simulate color-blindness; Convert and sort colors across formats (hex / RGB / HSL / OkLCH / …)MIT
- AlicenseNot gradedqualityDmaintenanceA comprehensive toolkit for color conversion, manipulation, and accessibility analysis supporting formats like OkLCH and WCAG compliance. It enables AI agents to manage design systems by generating harmonious palettes, transforming color spaces, and performing contrast checks.2MIT
- AlicenseAqualityBmaintenanceTranslates design tokens across platforms — extracts from Tailwind/CSS/Figma and generates native themes for Material 3, SwiftUI, and CSS variables with WCAG contrast validation.958 npm5MIT
- AlicenseNot gradedqualityDmaintenanceProvides color and design tools including palette generation, WCAG contrast checking, color conversion, gradients, color blindness simulation, and CSS variables, all without API keys.MIT
- AlicenseBqualityFmaintenanceProvides comprehensive tools for TailwindCSS development including utility class retrieval, CSS-to-Tailwind conversion, and color palette generation. It enables AI assistants to search documentation, generate component templates, and provide framework-specific installation guides.82,131 npm39MIT
- AlicenseAqualityDmaintenanceEnables color conversion between HEX/RGB/HSL/HSV/CMYK, palette generation, WCAG contrast checking, color mixing/adjustment, and CSS gradient creation for AI agents.525 npmMIT
TDQS
Scored across 3 tools
Each tool has a clearly distinct purpose: find_closest_tailwind_color maps a color to an existing shade, get_tailwind_palette retrieves default palette values, and generate_palette creates a custom palette from a color. The descriptions explicitly clarify when to use each, preventing misselection.
All tool names follow a consistent verb_noun pattern: find_closest_tailwind_color, get_tailwind_palette, generate_palette. The names are snake_case throughout and readable.
With only 3 tools, the set is well-scoped for a focused Tailwind color palette utility. Each tool earns its place by covering lookup, retrieval, and generation, without redundancy.
The tools cover key operations: finding closest color, getting default palettes across versions, and generating custom palettes. There is a minor gap in not supporting direct conversion between color formats or listing all available colors, but agents can work around it.