Tokven Mcp

Created By
Mihkel S2 months ago
Generate complete design token systems from a hex color — OKLCH-derived, WCAG-validated, multi-format
Overview

Tokven — Design Token Generator

Generate a complete design token system from a single brand hex color. Returns OKLCH-derived colors (light + dark mode), typography pairing, spacing scale, border radius, shadows, and WCAG contrast validation. Output in CSS Custom Properties, Tailwind v4 @theme, Tailwind v3 config, or W3C DTCG JSON.

Tools:

generate_tokens — Generate a complete design token system from a brand hex color get_token_preview — Quick preview of tokens without full CSS output validate_contrast — Check WCAG 2.1 contrast ratio between two colors list_moods — List all available mood presets (warm, cool, bold, dark, soft, minimal, brutalist, playful, vintage, luxury, nature, neon, corporate, retro)

Server Config

{
  "mcpServers": {
    "tokven": {
      "command": "npx",
      "args": [
        "-y",
        "tokven-mcp"
      ]
    }
  }
}
Project Info
Created At
2 months ago
Updated At
2 months ago
Author Name
Mihkel S
Star
-
Language
-
License
-
Category

Recommend Servers

View All