Color Palette Generator

Generate a random 5-color palette with one click.

This tool runs entirely in your browser. Your files are never uploaded to a server.

#2b2b62

#f2afa5

#d39d31

#9ef3ef

#2525da

What this generator does

Creates five random color swatches and displays each as a lowercase six-digit HEX code. It starts with a random hue, applies fixed hue offsets with small random variation, and varies saturation and lightness to produce a quick source of visual ideas.

How to use it

A palette appears immediately. Select Generate Palette for a new set, then use the copy control on an individual swatch to place its HEX value on the clipboard. Regenerating replaces all five colors.

Generation method

The hue pattern uses offsets of 0°, 30°, 60°, 200°, and 260° from a random base, with roughly ±5° jitter. Saturation is randomized from about 55% to 85%; lightness alternates between darker and lighter ranges before conversion from HSL to HEX.

Randomness and repeatability

The generator uses browser pseudorandom values. It provides no seed, history, export, or way to reproduce an earlier palette, and individual swatches cannot be locked while the others change. Copy any colors you want to retain before regenerating.

Design and accessibility limits

The output is inspiration, not a guarantee of color harmony, brand suitability, print accuracy, or accessible contrast. The tool does not accept a base color and does not test WCAG contrast between swatches or against text.

Practical next steps

Test selected colors in their real UI roles, check contrast separately, and review across displays or print workflows. Generation happens locally in the browser; no palette values are uploaded.

Frequently Asked Questions

How are the palette colors chosen?
Each palette starts from a random base hue and varies saturation and lightness across five swatches for a balanced, usable set.
Can I lock in a specific base color?
This tool generates fully random palettes — if you want variations around one specific color, try the complementary, analogous or triadic generators instead.
Can I copy the colors?
Yes, click the copy icon on any swatch to copy its hex code.