Generate beautiful color harmonies from any HEX color. Create triadic, tetradic, complementary, analogous and monochromatic color schemes instantly.
Select a harmony to generate matching colors.
Three colors evenly spaced around the color wheel.
See how your generated colors can work together in a simple interface.
Use your generated colors for buttons, cards and important UI elements.
Experiment with accents and supporting colors in your interface.
A triadic color scheme uses three colors that are evenly spaced around the color wheel. The hue of each color is separated by 120 degrees, creating a balanced combination with strong visual contrast.
A tetradic color scheme uses four colors. In the square version used by this generator, each color is separated by 90 degrees on the color wheel. This creates two complementary color pairs.
Not sure which colors work well together? Start with a color you already like and let the color scheme generator build a matching palette around it. You can try different base colors and explore combinations for websites, logos, illustrations, presentations, and other design projects.
Enter a HEX color and generate a set of colors based on it.
See related colors and different combinations that can work together in a design.
Get the HEX values for the generated colors so they are easy to copy into your design or CSS.
Create palettes for websites, apps, graphics, branding, illustrations, and other creative work.
Pick a color you want to use as the starting point for your palette.
The generator creates related colors based on your selected color.
Copy the HEX values you need and use them in your website, design, or other project.