Cursor + Tintly

Connect Cursor in three steps

Cursor reads MCP servers from mcp.json. Add Tintly and the agent can choose palettes and verify contrast while it edits your components.

1. 1

   Create an API key

   Sign in on the developer page and create a key.

2. 2

   Edit mcp.json

   Open ~/.cursor/mcp.json for every project, or .cursor/mcp.json inside one project. Add the block below.

3. 3

   Enable the server

   Open Cursor Settings, MCP, and switch Tintly on. A green dot means it connected.

{
  "mcpServers": {
    "tintly": {
      "url": "https://www.trycolorkit.com/api/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

Cursor can also read the key from an environment variable with ${env:TINTLY_API_KEY}, which keeps it out of the file.

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 Cursor: if one is rejected, follow its current MCP docs, which only need the address and the Authorization header.

First things to ask Cursor

• 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.