VS Code + Tintly

Connect VS Code in three steps

VS Code supports remote MCP servers in .vscode/mcp.json. Tintly's block asks for the key when the server starts, so the key never has to be written into the file.

1. 1

   Create an API key

   Sign in on the developer page and create a key.

2. 2

   Add the server

   Create .vscode/mcp.json (or run MCP: Add Server) and paste the block below.

3. 3

   Start it

   Click Start above the server in the file. VS Code asks for the key once and keeps it in its secret storage.

{
  "inputs": [
    {
      "type": "promptString",
      "id": "tintly-key",
      "description": "Tintly API key",
      "password": true
    }
  ],
  "servers": {
    "tintly": {
      "type": "http",
      "url": "https://www.trycolorkit.com/api/mcp",
      "headers": {
        "Authorization": "Bearer ${input:tintly-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 VS Code: if one is rejected, follow its current MCP docs, which only need the address and the Authorization header.

First things to ask VS 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.