Color Palette Generator

About this tool

Color Palette Generator creates random five-color palettes as hex codes. Lock the swatches you like, click Regenerate Unlocked to replace only the others, and copy a single color or the whole palette with one click. Each color comes from the browser's cryptographic random number generator, so every hex value is equally likely and runs never repeat a pattern. Picking colors from scratch is slow, and a random starting point with locks lets you build a palette by keeping what works and rerolling the rest. Use it for design inspiration, mood boards, placeholder themes, chart colors, or test data. Copy All gives you the five hex codes separated by spaces, ready to paste into CSS, Figma, or a design token file. Everything runs in your browser with no signup and no limits.

Why use it

• Lock and reroll: Keep the colors you like and regenerate only the rest, so you can build a palette step by step instead of starting over.

• Truly random: Colors come from crypto.getRandomValues, so every one of the 16.7 million hex values is equally likely.

• One-click copy: Copy a single hex code or all five at once, ready to paste into CSS, Figma, or a token file.

• Instant and private: Everything happens in your browser with no account, no watermark, and no daily limit.

How to use

1. Open the tool; a random five-color palette appears with each hex code shown.
2. Click Lock on any swatch you want to keep.
3. Click Regenerate Unlocked to replace only the colors you have not locked.
4. Click Copy next to a swatch to copy that single hex code.
5. Click Copy Full Palette to copy all five hex codes, separated by spaces.

When it helps

• When you need quick color inspiration at the start of a design and don't have a brand color yet.
• When building a mood board and you want to keep two colors you like while exploring options for the rest.
• When you need distinct placeholder colors for mockups, chart series, or tags.
• When generating random color data for testing a UI or a color-handling function.
• When a creative exercise or game calls for a random set of colors.

Examples

Tips

• Lock one color you love first, then reroll the rest until the set feels balanced.
• Random palettes are not checked for contrast — test any text and background pair with a contrast checker before shipping.
• If a palette is close but too loud, keep the hues you like and adjust saturation later in your design tool.
• Paste the Copy Full Palette output into a CSS comment or a notes file to keep a record of palettes you liked.
• Use the Random Color Generator when you want to preview one random color at a time on a large swatch.

Frequently Asked Questions

Glossary

Hex color code

A six-digit hexadecimal value such as #3B82F6, where each pair of digits sets the red, green, and blue channel from 00 to FF. It is the most common way to write colors in CSS and design tools.

Color palette

A small, fixed set of colors chosen to be used together across a design, website, chart, or brand.

Contrast ratio

A measure from 1:1 to 21:1 of how different two colors are in luminance. WCAG AA requires 4.5:1 for normal body text against its background.

Color wheel

A circular arrangement of colors organized by hue, used to visualize relationships between colors. Adjacent colors are analogous; colors 180° apart are complementary; colors 120° apart form a triadic set.