Color palette by color
Pick one color and get a matching color palette — choose a harmony, the number of colors and the tonal spread. Copy the hex codes, open them in the editor, or publish to the library.
The base color and its opposite on the wheel — maximum contrast.
Themes (optional)
Sign in to publish to the public library.
Build a color palette from one color
Start with a single color and this tool generates a color palette from that color using the rules of color theory. Choose a harmony, set how many colors you want and how far the tones spread — the matching colors are calculated from the color wheel, so they actually go together instead of being guessed. It's perfect for picking a palette for pixel art, a game UI, a website, a logo or any design where one brand color needs a supporting cast. Found your color in a photo? Pull it with the image color palette tool first, then build a palette around it.
The harmony types
Complementary
Your color and its opposite on the wheel. Bold, high-contrast pairings.
Analogous
Colors sitting next to each other. Calm, natural, easy on the eye.
Triadic & Square
Three or four colors spaced evenly around the wheel — vivid but balanced.
Split
The base plus the two colors either side of its complement — softer contrast.
Monochrome
One hue at different saturation and lightness — clean and tonal.
Shades & tints
Your color stepped from a dark shade up to a light tint.
How to use it
- Pick a base color with the picker or paste a hex code.
- Switch harmony types to compare palettes side by side.
- Set the number of colors and the tonal spread to taste.
- Edit any swatch, then copy the hex codes for your project.
- Open the palette in the editor to start drawing right away.
- Publish it to the palette library to reuse and share.
Frequently asked questions
How do I make a color palette from one color?
Pick your base color, choose a harmony, then set how many colors and how much tonal spread you want. The matching colors are calculated from the color wheel instantly.
What do the harmony types mean?
Complementary uses the opposite color for high contrast. Analogous uses neighbours for a calm blend. Triadic and Square space colors evenly for vivid balance. Monochrome and Shades vary one hue tonally.
Can I choose the number of colors?
Yes. Set the palette size from 2 to 16 colors, and pick a Tones level (Subtle, Medium or Strong) to control how light-to-dark the palette spreads.
Is it free?
Yes — completely free, no signup. You only need an account if you want to publish a palette to the public library.
Can I edit the generated colors?
Yes. Click any swatch to adjust it, add or remove colors, then copy the hex codes, open them in the editor, or publish.
Where can I use the palette?
Copy the hex codes into any design or game project, open the palette straight in the pixel art editor, or save it to the library to reuse later.