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.