Explore, understand and choose the colors for your project.
Use the wheel to build a harmony, browse the theory cards to see how colors relate, or pick straight from the library below. Tap the + on any card to add it to your list, then copy it back to us.
Color Wheel
Click anywhere on the wheel to choose a hue and saturation, or type a hex code directly. Adjust lightness with the slider, then pick a harmony to see matching colors.
Primary Colors
The three pure hues. Every other color on this page is mixed from these.
Secondary Colors
Made by mixing two primary colors in equal parts.
Tertiary Colors
Made by mixing a primary color with a neighbouring secondary color.
Internationally Known Color Names
standard names recognised worldwide (the CSS/X11 color keyword set) — search or filter by family and add any to your list.
No colors match your search. Try a different word or filter.
Color Library
curated shades across every family — search, filter, and add your favourites to your list.
No colors match your search. Try a different word or filter.