Can I copy all generated colors at once?
Yes. Use Copy to clipboard to copy the full palette, one color per line.
Web
Color Palette Generator
Create random color palettes for design projects, brand exploration, or CSS variables. Choose how many colors you need and the output format — HEX or RGB.
Generated output
Choose format and click Generate to create a color palette.
How it works
The generator creates each color by independently picking three random values (red, green, blue) in the 0–255 range using Math.random. In HEX mode, each component is converted to a two-character hexadecimal string and prefixed with "#". In RGB mode, the values are formatted as a CSS rgb() function. Colors are generated fully independently — there is no colour-theory harmonisation applied, giving you maximum variety. Copy the full palette with the clipboard button to paste directly into your design tool or CSS file.
Practical example
You are starting a new landing page and want some color directions to explore. Generate 5 HEX colors. You might get: #A3C4E1, #F2B27A, #6D3F8C, #E8F0D2, #2B4A6F. Paste them into Figma or your CSS as custom properties and iterate from there. Regenerate until you find a combination that clicks.
Frequently asked questions
Answers to common questions about this generator and how it works.
Should I use HEX or RGB output?
HEX is often best for CSS variables and design tokens. RGB is useful for JS calculations and canvas work.
Are random palettes automatically accessible?
Not always. Validate contrast ratios before using colors in production UIs.
How many colors should a palette have?
Five is a common starting point: primary, secondary, accent, background, and text support color.
Can I use this for brand palettes?
Yes, as a starting point. Refine selected colors manually and validate accessibility before finalizing.
Related generators
Explore other generators that pair well with this one.
Slug Generator
Convert titles and phrases into clean, SEO-friendly URL slugs.
Lorem Ipsum Generator
Generate lorem ipsum placeholder text for designs and prototypes.