Color Palette Generator
The Color Palette Generator creates balanced color palettes you can use for websites, brands, and designs. Lock the colors you love, regenerate the rest, and copy any hex code with a click — all in your browser. Each swatch gets an independently random hue (0–359°) — the five colors are not built from a true color-theory relationship like complementary or analogous hue offsets, since every swatch's hue is picked on its own with no reference to the others. What keeps the palette from looking jarring is that saturation is always randomized within 50–80% and lightness within 45–68% before being converted from HSL to hex using the standard CSS/W3C HSL-to-RGB formula, which avoids neon-saturated or muddy-dark extremes even though hue is unconstrained. The hex label on each swatch also switches between white and dark text automatically, based on a perceived-brightness calculation (0.299×R + 0.587×G + 0.114×B, normalized to 0–1) — light backgrounds above a 0.6 threshold get dark text, everything else gets white.
Click any color to copy its hex code, tap the lock to keep a color while you regenerate the rest, and hit Generate for a fresh palette. Everything runs in your browser.
How This Tool Works
A palette appears automatically. Click any swatch to copy its hex code, tap the lock icon to keep a color you like, and press Generate to refresh the unlocked colors until you find a combination you love.
Formula & Method
Each color is generated in HSL with a random hue and balanced saturation and lightness, then converted to a hex code — an approach that produces more harmonious, usable colors than picking raw RGB values at random.
Example Calculation
Press Generate and five random swatches appear — for example, a hue-210 blue at 65% saturation and 55% lightness renders as #428CD7 with white label text, while a hue-60 yellow at 75% saturation and 65% lightness renders as #E9E963 with dark label text (its brightness crosses the 0.6 threshold). Click the blue swatch to copy "#428CD7" to your clipboard, then tap its lock icon — pressing Generate again leaves that swatch locked at #428CD7 while the other four swatches get entirely new random hues, letting you build the rest of the palette around the one color you kept.
Frequently Asked Questions
How do I keep a color I like?+
Tap the lock icon on that swatch. Locked colors stay fixed while Generate refreshes only the unlocked ones.
Can I copy the hex codes?+
Yes — click any swatch to copy its hex code, or use “Copy all hex codes” to grab the whole palette at once.
Are the palettes random?+
They use balanced saturation and lightness with a random hue, which keeps the colors harmonious and usable rather than jarring.
Does it generate a real color scheme (complementary, analogous, etc.), or are the hues unrelated?+
The hues are unrelated — each of the five swatches picks its own random hue independently, with no complementary, analogous, or triadic relationship enforced between them. The only constraint tying the palette together is that saturation (50–80%) and lightness (45–68%) are kept in a consistent, moderate range across all swatches, which is what keeps the results looking intentional rather than random RGB noise.
How does it decide whether a swatch's hex code shows in white or dark text?+
It calculates the swatch's perceived brightness from its red, green, and blue values (weighted 0.299/0.587/0.114, which roughly matches how the eye perceives each channel) and switches to dark text automatically once that brightness crosses 60% — so pale colors like yellow get dark labels and darker colors get white labels without you having to pick a text color yourself.
Found this useful? Share it
Help someone else out — or link to it from your own site.
Link to this tool
Writing about color palette generator? Paste this on your site to link here.
<a href="https://everyfix.net/tools/color-palette-generator/">Color Palette Generator</a> by <a href="https://everyfix.net">EveryFix</a>Related Tools
QR Code Generator
Create a scannable QR code from any text or URL, free and instantly.
Use tool →
Lorem Ipsum Generator
Generate placeholder lorem ipsum text by paragraphs, sentences, or words.
Use tool →
Random Number Generator
Generate one or more random numbers within any range.
Use tool →
Age Calculator
Calculate your exact age in years, months, and days.
Use tool →