🎨 Color Palette Generator

Generate a fresh color scheme from scratch — random, complementary, analogous, triadic, or monochromatic — click any swatch to copy its hex code.

About this tool

Generate colour schemes from scratch — random, complementary, analogous, triadic or monochromatic — and reroll until the palette works. Every swatch shows its HEX code, and the whole palette can be copied as CSS variables for your stylesheet, Figma, Aseprite or game engine.

Handy for UI themes, pixel-art palettes and brand explorations. If you already have an image and want its colours instead, use the Palette tab of the Image Toolkit.

How to use it

  1. Pick a harmony rule (or random).
  2. Click generate.
  3. Generate again until the scheme works.
  4. Copy a HEX code, or the whole palette as CSS variables.

Frequently asked questions

What do the harmony rules mean?

Complementary: opposite on the colour wheel. Analogous: neighbours. Triadic: three evenly spaced hues. Monochromatic: one hue with varying lightness and saturation.

Can I extract a palette from an image?

Yes — that is the Palette tab of the Image Toolkit.

Free, private, no account. Like every DevForge tool, this one runs in your browser and never uploads your files. See all 35 free tools or join the DevForge community to share your own games, tools and assets.