Design & Media

Colors that harmonize, not clash.

Generate palettes from scratch, extract them from images, explore harmonies around a base color, or compose gradients. WCAG contrast checks built in. Export to CSS, Tailwind, SCSS, or JSON.

AAA ready
WCAG contrast per pair
4 exports
CSS · Tailwind · SCSS · JSON
Space to generate

Drop an image here or click to upload

PNG, JPG, WEBP supported

Uploaded image
135°

How to Generate Color Palettes

  1. 1

    Get started. Generate random palettes, extract colors from an uploaded image, or explore color harmonies.

  2. 2

    Refine your palette. Adjust individual colors, lock favorites, and check WCAG contrast ratios for accessibility.

  3. 3

    Export your colors. Copy as CSS variables, Tailwind config, or SCSS. Share palettes with a link.

Frequently Asked Questions

How do I generate a color palette?

Click Generate for a random palette, or upload any image to automatically extract its dominant colors.

Can I check if my colors meet WCAG accessibility standards?

Yes. The WCAG Contrast Checker shows whether any two colors meet AA or AAA contrast requirements.

What color harmonies are available?

Complementary, analogous, triadic, split-complementary, and tetradic harmonies based on any seed color.

How do I export my palette?

Copy hex values, or export the full palette as CSS custom properties, Tailwind config, or SCSS variables.

Does this tool store my uploaded images?

No. Images are processed locally in your browser and never uploaded to any server.