๐Ÿ› ๏ธ Developer Tools

Free AI Color Palette Generator


Generate random color palettes with one click. Lock colors you like and regenerate the rest. Hit spacebar for a new palette.

Try it

Press Space to generate ยท Click a color to copy hex ยท Click ๐Ÿ”’ to lock

How it works

Each color is a random hex value:

'#' + Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0');

The lock feature keeps selected colors while regenerating the rest โ€” useful for building a palette around a brand color.

Tips for picking good palettes

  • Lock one color you like, then keep generating until the rest feel right
  • Use the 60-30-10 rule: 60% dominant color, 30% secondary, 10% accent
  • Test contrast: make sure text is readable on your background colors
  • Export as CSS variables and drop them straight into your project