Cline + Tintly
Give Cline color tools in VS Code.
- Cline extension
- A Tintly API key
Connect Cline in three steps
Cline keeps MCP servers in cline_mcp_settings.json and supports streamable HTTP with headers.
- 1
Create an API key
Sign in on the developer page and create a key.
- 2
Open the settings
In Cline open MCP Servers, then Configure MCP Servers. This opens cline_mcp_settings.json.
- 3
Add Tintly
Paste the block below and save. Cline connects right away.
{
"mcpServers": {
"tintly": {
"type": "streamableHttp",
"url": "https://www.trycolorkit.com/api/mcp",
"headers": {
"Authorization": "Bearer YOUR_API_KEY"
},
"disabled": false
}
}
} 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 Cline: if one is rejected, follow its current MCP docs, which only need the address and the Authorization header.
What you need
- Cline extension
- A Tintly API key
Good to know
- You can approve each tool call or set Tintly's read-only tools to auto-approve.
First things to ask Cline
- 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.
Questions about Cline and Tintly
Can I auto-approve the tools?
Yes. Every Tintly tool is read-only, so auto-approving them is safe.
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.