Tokven MCP generates complete design token systems from a single hex color

✍️ OpenClawRadar📅 Published: April 14, 2026🔗 Source
Tokven MCP generates complete design token systems from a single hex color
Ad

Tokven MCP is a Model Context Protocol tool that generates a complete design token system from a single brand hex color. The developer built it to solve the repetitive task of manually deriving color systems for new projects.

How it works

You provide Claude with your brand hex color, and the tool derives the entire system including:

  • Surfaces
  • Borders
  • Text hierarchy
  • Shadows
  • Light and dark modes

The system automatically validates WCAG contrast compliance.

Development and availability

The developer built the tool with Claude Code over approximately two weeks. There are two ways to use it:

  • Browser version: Free to try at tokven.dev
  • Claude Code MCP: Install via npm i tokven-mcp

This type of tool is useful for developers and designers who need consistent, accessible color systems without manual calculation. MCP tools extend Claude's capabilities by providing structured data and functionality.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also