6 ModesLock ColorsMulti ExportFree
#C32258rgb(195, 34, 88)
H
S
L
#D2482Drgb(210, 72, 45)
H
S
L
#D1A347rgb(209, 163, 71)
H
S
L
#D161BFrgb(209, 97, 191)
H
S
L
#B479D2rgb(180, 121, 210)
H
S
L
Export as:

Press the spacebar or click Generate to create new palettes. Lock colors you like.

How It Works

1

Choose Mode

Select a harmony mode like analogous or complementary.

2

Generate & Lock

Click Generate for new palettes. Lock colors you like.

3

Export

Copy as CSS Variables, Tailwind Config, SCSS, or JSON.

Frequently Asked Questions

What harmony modes are available?
Random, Complementary, Analogous, Triadic, Split-Complementary, and Monochromatic.
Can I lock colors?
Yes, lock individual colors and regenerate the rest. Locked colors stay fixed.
What export formats are available?
CSS Variables, Tailwind Config, SCSS Variables, and JSON.
What are contrast ratios?
WCAG contrast ratios measure readability between two colors. 4.5:1 passes AA, 7:1 passes AAA.
Can I adjust individual colors?
Yes, use the HSL sliders below each color to fine-tune hue, saturation, and lightness.
Share:

About Palette Gen

What this tool does

Generator tools create passwords, UUIDs, Lorem Ipsum placeholder text, QR codes, barcodes, fake data sets, random numbers, and various code snippets. Each output is generated fresh on every click using cryptographic or pseudo-random algorithms.

Why use this tool

Developers and designers constantly need test data, unique identifiers, and placeholder content during prototyping. Generating them locally avoids dependency on external APIs and keeps sensitive outputs like passwords off the network.

How it works

For security-sensitive outputs (passwords, UUIDs), the tool uses the Web Crypto API's crypto.getRandomValues(). For placeholder text, it assembles words from a built-in dictionary. QR codes and barcodes are rendered to canvas or SVG.

Pro tip

For passwords, enable all character classes and use at least 16 characters. A passphrase of 4-5 random dictionary words is equally strong and much easier to remember.

Deep Dive: Related Research

Color Theory for Digital Design 2026: Models, Accessibility, and Psychology

10,500 words · 22 min read

The Complete UI/UX Design Systems Guide 2026: Tokens, Typography, Color, Components & Accessibility

30,000 words · 65 min read

Part of these workflows

Brand Assets Creation

4 steps

Explore More

Love this tool? Explore 12467+ more

Free online tools for images, PDFs, text, code, and more. All running in your browser.

Explore All Tools