Published by Dusan Belic on July 10, 2023

Khroma

Uses AI to learn which colors you like and creates limitless palettes for you

Khroma

Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.

You start by choosing a set of colors, which will be used to train a neural network-powered algorithm to generate colors you like and block ones you don’t.

Alternatively, you can pick a combination from the provided (and proven) combinations. Khroma has learned from thousands of the most popular human-made palettes across the internet to produce great combos, which you can view as typography, gradient, palette, or custom image.

There is also the option to search and filter color combinations by hue, tint, value, and color, as well as hex and RGB values.

Finally, once you find the palette that you like, you can save it for later. Also, Khroma will provide you with names, hex codes, RGB values, CSS code, and WCAG accessibility rating of each pair.

Khroma Homepage

Categories Design Generation

What are the key features? ⭐

Personalized AI Algorithm: trains on your selected colors to generate palettes matching your taste
Infinite Palette Generation: creates endless combinations from learned popular palettes and your preferences
Multiple View Modes: displays combos as typography, gradients, palettes, or custom images
Advanced Search & Filters: finds colors by hue, tint, value, hex, RGB, or name
Unlimited Saved Library: stores favorites with hex, RGB, CSS, names, and WCAG accessibility ratings

Who is it for? 🤔

Khroma proves especially helpful for graphic designers, UI/UX professionals, illustrators, web developers who handle front-end styling, branding specialists, and any creative who regularly needs harmonious color schemes but dislikes generic suggestions or time-consuming manual curation. It suits both beginners who want inspiration and experienced designers looking to streamline exploration while keeping full control over the final choices.

Examples of what you can use it for 💭

Graphic Designer: quickly discovers fresh, personalized palettes for posters, logos, or editorial layouts without starting from scratch
UI/UX Designer: tests accessible color combinations for interfaces and gets instant WCAG contrast feedback on pairs
Web Developer: grabs ready CSS code and harmonious schemes for buttons, backgrounds, and typography in projects
Branding Specialist: builds mood boards with custom gradients and typography previews that align with a client's aesthetic
Illustrator: finds inspiring color groupings for characters, environments, or concept art that feel uniquely personal

Pros & Cons ⚖️

Probably the best tool for matching colors
The palette library is a great starting point
Or you can describe what you like and what you don't

Its features are limited to color selection (with a purpose)

FAQs 💬

What exactly does Khroma do?

Khroma is an AI color tool that learns your color preferences and generates personalized palettes, combinations, gradients, and previews to help with design work.

Is Khroma free to use?

Yes, the core features including training, generation, search, and saving palettes are completely free with no account required initially.

How many colors do I need to pick to train it?

You select fifty colors to train the algorithm effectively, though you can edit the selection and retrain later.

Does Khroma require an account or sign-up?

No sign-up is needed to start; your training data saves locally in the browser, but you can create an account later for cross-device access if desired.

Can I use Khroma on mobile devices?

It works best on desktop browsers like Chrome or Safari, though basic functionality is available on mobile.

How does Khroma handle accessibility?

It shows WCAG contrast ratings for every color pair and combo so you can choose accessible options easily.

What display modes does Khroma offer for palettes?

Palettes can be viewed as standard swatches, typography samples, gradients, or applied to custom placeholder images.

Can I export colors from Khroma?

You get hex codes, RGB values, CSS snippets, and color names for every saved combination to copy directly into your tools.

How does Khroma compare to Coolors?

Khroma focuses on deep personalization through AI training while Coolors emphasizes quick random generation and strong export features.

Is my data private in Khroma?

Training happens locally in your browser so your color preferences stay on your device unless you choose to save with an account.