opencolor-cli

AI-powered design token generator. Get a complete set of OKLCH-based color tokens for CSS, JSON, and Tailwind from a natural-language description or hex colors.

Install

npm install -g opencolor-cli

Authenticate

Get your API key at https://colors3.vercel.app/cli-settings, then:

opencolor auth opencolor_YOUR_KEY

Generate

From a natural-language description:

opencolor "warm coral brand"

From hex colors:

opencolor --primary="#0054DC" --secondary="#FF6B6B"

Options

| Flag | Description | |---|---| | --primary=HEX | Primary color | | --secondary=HEX | Secondary color | | --tertiary=HEX | Tertiary color | | --neutral=HEX | Neutral color | | --format=FORMAT | Output formats: css, json, tailwind (default: all three) | | --output=DIR | Output directory (default: ./tokens) | | --dark=false | Skip dark-mode tokens |

Output

Three files in ./tokens (or your --output directory):

• colors.css — CSS variables with oklch() values
• colors.json — Light + dark OKLCH values per token
• colors.tailwind.js — Tailwind config with var(--token) references

Other commands

opencolor whoami     # Check auth status
opencolor --help     # Show help

License

MIT