Tokven Mcp
Generate a full design-token system from one brand hex with OKLCH scales and WCAG-safe outputs in exportable formats.
Overview
Tokven MCP is an MCP server for the Build phase that generates OKLCH-based, WCAG-validated design token systems from a hex color in multiple export formats.
What is this MCP server?
- Seed a complete token system from a single hex color
- OKLCH-derived palettes for perceptually even steps
- WCAG validation baked into generated tokens
- Multi-format export for common design-dev handoffs
- npm package tokven-mcp v1.0.7 with stdio transport
- Version 1.0.7
- npm registry package identifier tokven-mcp
What problem does it solve?
Indie UI builds stall on inconsistent colors and failed contrast checks when tokens are guessed by hand.
Who is it for?
Solo builders shipping web or app UIs who want agent-driven token generation without a dedicated design ops toolchain.
Skip if: Teams needing full Figma component libraries or non-color tokens like motion or typography governance only.
What do I get? / Deliverables
You get a coherent, accessible token set your agent can apply across CSS, config, or design-tool pipelines from one brand color.
- WCAG-oriented token scales derived from your hex
- Multi-format token output ready for code or design pipelines
- Repeatable theme generation inside agent-driven UI work
Recommended MCP Servers
Journey fit
How it compares
Design-token generator MCP, not a general UI component marketplace skill.
Common Questions / FAQ
Who is Tokven MCP for?
Developers and indie founders using AI agents to build interfaces who need accessible color tokens from a single brand hex.
When should I use Tokven MCP?
Use it when starting or refactoring a UI theme and you want OKLCH palettes with WCAG checks before writing CSS or Tailwind config.
How do I add Tokven MCP to my agent?
Add the npm package tokven-mcp with stdio transport in your MCP client, typically via npx, pointing at the published @scope from the GitHub Mihkel00/tokven repo.