Claude Code + Tintly
Add Tintly to Claude Code with one command.
- Claude Code installed
- A Tintly API key
Connect Claude Code in three steps
Claude Code can talk to remote MCP servers over HTTP. Add Tintly once and Claude can build palettes, check contrast and explain colors while it writes your CSS or Tailwind config.
- 1
Create an API key
Open the developer page, sign in, and create a key. Copy it: it is shown once.
- 2
Run the command
Paste the command below in your terminal, with your key in place of YOUR_API_KEY. Add --scope project to share the server with your team through .mcp.json (leave the key out of that file and use an environment variable).
- 3
Check the connection
Run /mcp inside Claude Code. Tintly should be listed as connected with its tools.
claude mcp add --transport http tintly https://www.trycolorkit.com/api/mcp \
--header "Authorization: Bearer YOUR_API_KEY" Server address: https://www.trycolorkit.com/api/mcp. Replace YOUR_API_KEY with a key from the developer page. Field names can change between releases of Claude Code: if one is rejected, follow its current MCP docs, which only need the address and the Authorization header.
What you need
- Claude Code installed
- A Tintly API key
Good to know
- Tools are read-only: nothing in your project or account is changed by Tintly.
- Revoke the key on the developer page and the server stops working within a minute.
First things to ask Claude Code
- Make me a calm, trustworthy palette for a banking app and check the text contrast.
- Which pairs in #0B132B, #1C2541, #5BC0DE, #F4D6B0 and #D97706 are readable as text?
- Explain what the color #2A9D8F says to people, and where it works best.
- Generate a triadic palette from #2463EB and write it as a Tailwind v4 @theme block.
Questions about Claude Code and Tintly
Where is the config stored?
By default in your user settings for Claude Code. With --scope project it goes in .mcp.json at the project root, which is usually committed, so do not put the key in it.
How do I remove it?
Run claude mcp remove tintly.
Do I need an API key?
Yes. Every request carries your key in the Authorization header. Create one on the developer page: it is free and takes a few seconds.
Can an assistant change my account or my saved palettes?
No. Every Tintly tool only reads or computes: palettes, colors, contrast and descriptions. Nothing here writes to your library or account.
What does it cost?
Nothing. Tintly is free, and so are the API and the MCP server. Each key is limited to 60 requests a minute so it stays fast for everyone.