Free generator
Free Color Palette Generator
Lock swatches, check contrast, extract from images, export OKLCH/P3, and share a link.
Click a swatch to lock or unlock it. Locked colors stay put when you regenerate.
Adjustments skip locked swatches.
Base color
From image
Extract dominant colors from a photo — processed in your browser.
How to use
1. Set a base color or upload an image, then pick a harmony and color count.
2. Lock swatches you like, tweak saturation/lightness, and check WCAG contrast between two colors.
3. Export HEX, OKLCH, Display P3, CSS, JSON, or Tailwind — or copy a shareable link.
For harmony types and contrast habits, see color palette basics.
FAQ
Can I lock colors I like?
Yes. Click a swatch (or its lock button) to lock it. Regenerating and saturation/lightness tweaks only change unlocked colors.
How does the contrast checker work?
Pick a text color and a background from your palette. GenShelf shows the contrast ratio and WCAG AA/AAA pass/fail for normal and large text.
Can I extract a palette from an image?
Upload a photo and GenShelf samples dominant colors in your browser — nothing is uploaded to a server.
What modern color formats are supported?
Each swatch shows HEX, RGB, HSL, OKLCH, and Display P3. Export as HEX, OKLCH, P3, CSS variables, JSON, or Tailwind.
Can I share a palette?
Yes. Use Copy link — the palette, locks, harmony, and adjustments are encoded in the URL so you can bookmark or send it.