Random Color Generator

Free Random Color & Palette Generator

This random color generator creates fresh palettes of 5 to 12 colors, with full hex and RGB codes you can copy in one click. Choose a mood — warm, cool, pastel, dark, vibrant, or any color — and click generate as many times as you like to find palettes for design, illustration, web pages, presentations, or branding work.

How to Use the Color Generator

Pick a tone from the dropdown and the number of swatches you want. Click Generate new palette to roll a fresh set. Each swatch shows its hex code (such as #3B82F6) and the RGB equivalent. Tap the copy button on any swatch to put the hex code on your clipboard, ready to paste into Figma, Photoshop, CSS, or any other tool that accepts color codes.

How the Color Modes Work

• Warm — reds, oranges, and yellows (hue 0-80°) for energetic, cosy designs
• Cool — blues, teals, and greens (hue 180-280°) for calm, trustworthy looks
• Pastel — high lightness, low saturation for soft, friendly UI and illustrations
• Dark — low-lightness colors for dark-mode UI and moody designs
• Vibrant — full saturation for posters, hero sections, and bold branding
• Any color — completely random across the full HSL spectrum

Internally, the generator picks colors in HSL space (hue / saturation / lightness) because that is far more useful for design than picking random RGB values — which usually look muddy. Each mode constrains hue, saturation, and lightness to ranges that consistently produce attractive results.

Where Random Color Palettes Help

• Web design — finding unexpected hero, accent, and background colors
• Graphic design — posters, branding, social media graphics, presentations
• UI mockups — quick placeholder palettes when starting from scratch
• Illustration and art — breaking out of habitual color choices
• Education — teaching color theory and hex / RGB notation
• Game development — randomized cosmetics, level themes, sprite tints

Frequently Asked Questions

What format are the codes in?

Each swatch shows the hex code (such as #FF6B6B) and the equivalent RGB triplet (rgb(255, 107, 107)). Both formats work in CSS, design tools, and most graphics software.

Are the palettes color-accessible?

The generator produces random combinations, so contrast ratios vary. For accessible UI design (WCAG AA needs 4.5:1 contrast between text and background), test specific pairs in a contrast checker before shipping.

Can I save my favourite palettes?

The tool generates fresh palettes each click, so to save one, copy the hex codes you like into your project file or design tool. Bookmarking the page will not preserve the current palette since each visit generates new colors.

Why use HSL instead of RGB?

HSL (hue, saturation, lightness) is easier to control: you can pick a hue family and only vary lightness or saturation, which produces consistently pleasing palettes. Pure random RGB tends to look gray and muddy.