Advertise

Color Palette Generator

Press space to generate beautiful color palettes; lock the colors you like.

About Color Palette Generator

Generate harmonious 3–10 color palettes in different moods (analogous, monochromatic, complementary, pastel, vibrant, earthy). Lock the colors you like and generate again, edit any color, and export the palette as CSS, SCSS, Tailwind, JSON or SVG.

How to use

  1. Pick a color, type any color code (HEX, RGB, HSL, a CSS name…) or open an image.
  2. Adjust the options – the result updates instantly.
  3. Click any code or swatch to copy it, or send the color to another tool with Open in….

Everything runs in your browser: your colors and images are never uploaded or stored.

Related tools

Shades & Tints GeneratorDarker shades, lighter tints and tones of any color – plus a 50–950 scale. CSS Gradient GeneratorDesign linear, radial and conic gradients and copy the CSS. Random Color GeneratorGet random colors – any, vivid, pastel, light, dark or grey. Palette from ImageExtract the main colors of a photo as a palette. HTML Color PickerPick any color and copy its HEX, RGB, HSL, HSV and CMYK codes. Color Wheel & HarmoniesFind complementary, analogous, triadic and other matching colors. Image Color PickerUpload a photo and click it to get the color of any pixel. HTML Color NamesAll 141 HTML / CSS color names with HEX and RGB codes.