Khroma
AI color tool that learns your taste and generates repeatable, system-ready palettes with design token export for code and design systems.
Khroma is a free AI-powered color tool that uses a neural network to learn your color preferences and generate palettes that translate cleanly into design tokens and code. You train Khroma by selecting 50 colors you like; the algorithm then suggests thousands of combinations that match your aesthetic. Colors are treated as tokens, not just swatches—ideal for design systems and multi-brand apps. The tool offers search and filters by mood, hue, or use case; WCAG contrast ratings (AA/AAA) for every palette; and color-vision deficiency simulators. You can preview palettes as typography, gradients, or custom images and export hex, RGB, CSS variables, and JSON for design tools and codebases. Khroma is web-based, stores data locally in the browser, and is free with no paid tier.
Score Breakdown
AI Features
- Learns your color preferences from 50 selections
- Generates system-ready palettes
- WCAG contrast ratings and accessibility checks
- Color-vision deficiency simulation
- Export as CSS variables and JSON tokens
UX Use Cases
- Creating palettes that work as design tokens
- Scalable color systems for design systems
- Multi-brand and multi-product palettes
- Accessible color choices with contrast checks
- Export to code and design tools
Pros
- Colours are tokens, not just aesthetic swatches
- Build scalable systems for design systems and multi-brand apps
- WCAG ratings and accessibility built in
- Free, no signup, local data
- Export to CSS and JSON for implementation
Cons
- Requires training step (50 colors) before generation
- Web-only, no native app
- No team or cloud sync