Color Systems
Iconic brand colors
Real colors from iconic brands. Ready to remix.
AI-generated color systems. Export to CSS, Tailwind, design tokens, and AI agent configs. Free forever.
Free forever · No signup · 13-color systems
Write a prompt describing your brand, mood, and style
AI creates a complete 13-color system with accessibility checks
Copy to CSS, Tailwind, design tokens, or AI agent configs
Code formats for your stack. Agent configs for AI-powered workflows. One palette, every destination.
:root {
--primary: #6C5CE7;
--secondary: #E84393;
--accent: #00CEC9;
--background: #FEFEFE;
--surface: #F5F3FF;
--border: #E2DDF5;
--text-primary: #1B1340;
--text-secondary: #4A3F6B;
--text-muted: #8A82A6;
--success: #00B894;
--warning: #FDCB6E;
--error: #E05246;
--info: #74B9FF;
}Describe your brand, mood, or industry and our AI generates a complete 13-color system. Colors are auto-corrected for WCAG contrast and perceptual distinctness using OKLCH color science.
8 formats: CSS variables, Tailwind config, design tokens, shadcn/ui theme, plus AI agent configs for Claude Code, Cursor, Codex, and generic agents. All production-ready.
Yes — completely free. Unlimited palettes, all export formats, shareable links, and a free API for developers.
Yes. Upload any image and we extract dominant colors using k-means++ clustering, then generate a full brand color system from them.
Every palette is auto-corrected to meet WCAG 2.1 AA contrast requirements (4.5:1 minimum). Each palette includes a full accessibility report.
Yes — export as a Claude Code skill, Cursor rules, or Codex prompt. AI coding agents read these configs to apply your brand colors consistently.
Products
Free Tools
TMAKER
Building tools for creators and developers. Ship faster, grow smarter.
Real colors from iconic brands. Ready to remix.