Khroma — personalized color combinations

About this resource

Khroma helps you discover color combinations shaped by your own taste. You begin by choosing 50 colors you like, which the tool uses to train a personalized generator in the browser. This makes it useful when generic ready-made palettes feel too random or fail to capture the mood of a project. Combinations appear in several contexts, including typography on colored backgrounds, gradients, palettes, and images. These views help you judge relationships rather than isolated swatches. A pairing that feels convincing in a large headline may work differently as a background, accent system, or broader visual identity. Search supports color names, hue and tonal characteristics, and HEX or RGB values. You can save useful combinations to favorites and revisit them while developing a brand, interface, or presentation. Color names, numeric values, and CSS make it easier to carry selected combinations into your design workflow. The tool also provides a WCAG contrast rating for pairs and a contrast-filtering setting. These are useful starting points for text color decisions, but accessibility still needs checking in the actual layout with its specific type size, weight, and surrounding content. The public browser beta is available without payment on the reviewed pages. Training data and favorites are stored locally in the browser, with download and import options for moving them elsewhere. Keep a backup before clearing browser storage so that your personalized collection is not lost.

Usage and licensing

The public beta is available without payment. The reviewed official pages do not provide a blanket license for all site assets. Check rights separately for third-party images and other materials used in a project.

Check the creator’s current terms before using this resource.

Tags

Show more (24) Show less