How random is 'Random' mode?

Each of the 5 slots is generated independently from Math.random() over the full 24-bit sRGB range. There is no constraint between slots, so a Random palette can be vivid, muddy, or anywhere in between — that is why the harmony dropdown exists.

A locked swatch keeps its current value the next time you click Generate. Use it to preserve a brand color while you iterate on the supporting slots.

How do the harmonies work?

Each harmony picks a random base hue and derives the rest by hue offsets: complementary = +180°, analogous = +30°/−30°, triadic = +120°/+240°, tetradic = +90°/+180°/+270°, monochromatic = lightness variations of the same hue.

Are my palettes uploaded anywhere?

No. Generation and JSON export happen in your browser; the palette is not sent to a server.

Random Palette Generator

Generate random color palettes. Lock colors you like and regenerate the rest.

Harmony

#3B82F6

#EF4444

#10B981

#F59E0B

#8B5CF6

CSS Variables

  --color-1: #3b82f6;
  --color-2: #ef4444;
  --color-3: #10b981;
  --color-4: #f59e0b;
  --color-5: #8b5cf6;

JSON Export

[
  {
    "name": "color-1",
    "hex": "#3b82f6"
  },
  {
    "name": "color-2",
    "hex": "#ef4444"
  },
  {
    "name": "color-3",
    "hex": "#10b981"
  },
  {
    "name": "color-4",
    "hex": "#f59e0b"
  },
  {
    "name": "color-5",
    "hex": "#8b5cf6"
  }
]

Shareable URL: ?colors=%233b82f6-%23ef4444-%2310b981-%23f59e0b-%238b5cf6

About this tool

Generate five-color palettes with harmony modes and lockable swatches. Copy the result as JSON or reusable CSS variables. Random Palette Generator runs in the browser on DevTools. There is no signup, and your input stays on this device unless the tool explicitly performs a live network lookup.

What this tool does not do

Random Palette Generator is a free in-browser utility, not a hosted API. It does not keep server-side history and is not a substitute for production verification in your own stack.

How do I use this tool?

How do I use Random Palette Generator?
Open Random Palette Generator, enter or paste your input, and copy the result. The page works without an account.

Random Palette Generator

CSS Variables

JSON Export

About this tool

What this tool does not do

How do I use this tool?

How do I use Random Palette Generator?

Algorithmic Color Palette Generation: Shades, Tints, and Color Harmony

Color Blindness Simulator

Color Contrast Checker

Color Converter

Color Extractor

Color Generator

Color Mixer

CSS Variables

JSON Export

About this tool

What this tool does not do

How do I use this tool?

How do I use Random Palette Generator?

Related guides

Algorithmic Color Palette Generation: Shades, Tints, and Color Harmony

Related tools

Color Blindness Simulator

Color Contrast Checker

Color Converter

Color Extractor

Color Generator

Color Mixer