Skip to content
flowtools/Color Palette Generator

Color Palette Generator

Generate, customize, and export beautiful color palettes. Hit space to shuffle!

Click to copy
#3c77b5

rgb(60, 119, 181)

hsl(211, 50%, 47%)

Click to copy
#b38838

rgb(179, 136, 56)

hsl(39, 52%, 46%)

Click to copy
#79596f

rgb(121, 89, 111)

hsl(319, 15%, 41%)

Click to copy
#e841d3

rgb(232, 65, 211)

hsl(308, 78%, 58%)

Click to copy
#01ee4d

rgb(1, 238, 77)

hsl(139, 99%, 47%)

Color Harmonies

You might also like

Contrast Checker

NEW

Check WCAG color contrast ratios for accessible text and backgrounds.

Try it

Sign PDF

Draw, type, or upload your signature.

Try it

Merge PDF

Combine multiple PDFs into one document.

Try it

Split PDF

Extract specific pages from any PDF.

Try it

How it works

  1. 1

    Start with random colors or pick a base color you like.

  2. 2

    Use harmony modes (complementary, triadic, etc.) or shuffle for inspiration.

  3. 3

    Lock colors you want to keep, then export as CSS variables or Tailwind config.

Why choose FlowTools

  • Five harmony modes: complementary, analogous, triadic, split-complementary, and tetradic.
  • Extract palettes directly from uploaded images.
  • One-click export to CSS variables or Tailwind config.
Ad Space

Frequently Asked Questions

Yes! Click 'From Image' to upload a photo and automatically extract a 5-color palette from it.
Complementary, analogous, triadic, split-complementary, and tetradic — all based on color theory.
Yes. Export as CSS custom properties or a Tailwind CSS config object with one click.
Yes. All FlowTools are completely free with no sign-up required.