Color Palette Generator

Generate color palettes from any base color - shades, tints, analogous, and harmonic schemes. Free online tool, no signup.

Preparing private browser tool…

Your file will stay on this device.

Related tools

Image Compress

Compress JPG, PNG, and WebP images in your browser. Output size and quality depend on the source image and selected setting.

Image Resize

Resize images to exact dimensions or percentages. Supports JPG, PNG, WebP. Free, no upload, no signup required.

Format Convert

Convert images between JPG, PNG, WebP, and GIF formats instantly. Free batch conversion in your browser, no upload needed.

Image Crop

Crop images to exact dimensions with preset ratios or custom sizes. Free online tool, no upload, runs in your browser.

Frequently asked questions

What schemes are supported?
Shades & tints (9 lightness steps), monochromatic, analogous (5 colors at 30° apart), complementary (180° opposite), triadic (3 evenly spaced), tetradic (4 evenly spaced).
Which scheme should I use?
Shades for backgrounds and text hierarchy. Analogous for harmonious feel. Complementary for high-contrast accents. Triadic for vibrant playful designs.
Can I copy the colors?
Yes. Click any swatch to copy its hex code to the clipboard. Paste directly into Figma, CSS, or your design tool.
Why does my brand color look "off" in the palette?
The HSL color space is not perceptually uniform. Equal hue shifts can look uneven (especially around yellows). For perceptually-tuned palettes, look at OKLCH-based tools.