Color Harmony Agent: Intelligent Palette Picker for Developers
Problem
Designing beautiful, accessible color palettes shouldn’t feel like a guessing game but it often does. Developers and designers lose hours toggling between color tools, worrying about contrast ratios, and second-guessing choices. Bad color decisions can hurt UX, accessibility, and even user trust.
My Solution
Color Harmony Agent — an MCP-powered color companion that delivers curated, community-approved palettes right where you work.
This agent:
- Works everywhere — deployed both as a website and a Postman MCP Agent.
- Uses the COLOURlovers API to pull real, community-vetted palettes for instant inspiration.
- Provides 1-click palette generation via two actions:
- Generate Random – get spontaneous, serendipitous palettes.
- Generate Inspiration – fetch the top trending palettes loved by the design community.
This would help me speed up my design process, stay consistent with branding, and ensure every UI I build is visually accessible without leaving Postman or juggling multiple tools.
How It Works
- MCP Server Setup
- Built an MCP server that connects to the COLOURlovers API.
- Endpoints supported: colors/random, colors/top, palettes/top etc..
- Postman MCP Client Integration
- The MCP Client fetches palette data dynamically, including:
- Palette name
- Hex codes
- COLOURlovers link
- Adds accessibility tips for contrast compliance.
- User Experience
- Open the website → click Generate → instantly see curated palettes.
- Copy color codes with one click for immediate use in your project.
Why It Matters
- Saves time: No more hunting for palettes across multiple tools.
- Empowers developers: Good design decisions without needing a designer’s eye.
- Boosts accessibility: Ensures color contrast and readability by default.
- Sparks creativity: Community-powered palettes inspire unique, professional UI themes.
Real-World Impact
Early testers (fellow devs in my network) can use it for hackathon projects and client websites , instead of wasting a lot of time deciding which colors go well together. The result? Faster decisions, cleaner interfaces, and happier end-users.
Try It Yourself
- Live Website: https://colorharmonyagent.netlify.app/
- Postman Public Workspace: Postman
- MCP Server Repository : GitHub - Joystonm/Color-Harmony-Agent