Base color
#3b82f6Harmony
Palette
Click a swatch to copy its HEX.
Everything runs in your browser — the colors you pick are never uploaded.
A color palette generator for when you have one color and need colors that go with it — based on color theory rather than guesswork. Pick a base color with the color picker or by typing a HEX value (e.g. #3b82f6), and it derives harmonious schemes from the color wheel automatically. Choose from six harmonies: complementary (2 colors) for high-contrast pairs, analogous (5 colors) for a soft, cohesive look, triadic (3 colors) evenly spaced around the wheel, tetradic (4 colors), split-complementary (3 colors) for a gentler contrast, and monochrome (5 colors) that keeps the hue and varies only the lightness. Switching the harmony updates the result instantly so you can compare two-color, three-color and four-color combinations side by side. Each color is shown as a large swatch — click it to copy its HEX code, or use "Copy all" to grab the whole palette at once. Great for picking colors for websites, slide decks, banners, logos and icons, or for choosing the colors behind a gradient. Everything runs in your browser: the colors you pick are never uploaded, stored, or sent to a server. Take the colors you land on straight into our CSS gradient tool or color code converter.
How to use
- Set a base color with the color picker or by typing a HEX code (e.g. #3b82f6).
- Choose a harmony (complementary / analogous / triadic / tetradic / split-complementary / monochrome) to compare schemes with different numbers of colors.
- When you like the result, click any swatch to copy its HEX, or use "Copy all" to copy the whole palette as a HEX list.
FAQ
Are the colors I pick uploaded anywhere?
No. The scheme math and the swatches all run entirely in your browser. The base color you choose and the palettes it generates are never uploaded, stored, or sent to a server — the tool is fully local.
What are complementary, analogous and triadic schemes?
Complementary uses the color directly opposite on the wheel (2 colors) for strong contrast. Analogous uses neighbors of your base color (5 colors) for a soft, cohesive feel. Triadic uses three colors evenly spaced around the wheel for a balanced, vivid mix. Tetradic uses four, and split-complementary (3 colors) splits the opposite into two for a gentler contrast.
Can I pick a scheme by number of colors (2, 3, 4)?
Yes — each harmony fixes the count. Complementary gives 2 colors, triadic and split-complementary give 3, tetradic gives 4, and analogous and monochrome give 5. Switch the harmony to get the number of colors you need.
How do I use the generated colors on a website or in a document?
Click a swatch to copy its HEX code (e.g. #1d4ed8), then paste it into your CSS, PowerPoint, or design tool. Use "Copy all" to copy every color in the palette as a HEX list at once.
Can it make a monochrome (single-hue) palette too?
Yes. Choose "Monochrome" and it keeps the hue fixed while stepping the lightness, producing five shades of one color — handy for tonal gradients or keeping a document's palette calm and cohesive.