Color Palette Generator
Color schemes built from one color by color-wheel rules, or random palettes where you keep the colors you like.
Runs in your browser · No uploads
Select a color's code to copy it. Lock colors you like, then press Random palette (or the space bar) to change only the others.
Your browser is too old to run this tool. Please update it, or use a current version of Chrome, Edge, Firefox or Safari.
- Nothing leaves your device
- No server-imposed size limits
- No sign-up, no watermark
- Free
How to make a color palette
- Pick a base color and a rule, such as complementary or triadic.
- Or press Random palette, locking colors you want to keep.
- Copy the hex codes, export CSS or SCSS, or download a PNG.
The rules
| Rule | What it gives |
|---|---|
| Analogous | Neighboring hues: calm and harmonious |
| Complementary | Opposite hues: strong contrast |
| Split complementary | One hue and the two beside its opposite: contrast with less tension |
| Triadic | Three hues evenly spaced: lively and balanced |
| Tetradic | Four hues: rich, best with one leading color |
| Shades | One hue from dark to light: simple and consistent |
Frequently asked questions
Is the text on my palette readable?
Each swatch shows its code in black or white, whichever contrasts more. For text colors, check pairs with the Contrast Checker.
Is anything sent anywhere?
No. The calculation happens in your browser, and your colors never leaves your device.
Related tools
-
Pick colors from an image
Click an image to get HEX, RGB and HSL values, and extract its color palette. -
Get a color palette from an image
Extract the main colors of a photo or design as a palette, and copy it as HEX, CSS or JSON or save it as a PNG. -
Convert color codes
Convert colors between HEX, RGB, HSL, HSV and CMYK, with tints and shades. -
Check color contrast
Check text and background colors against WCAG AA and AAA.