Color Palette Generator

Export palette:

About This Tool

How to Use
  1. Switch between the Generate from Seed and Extract from Image tabs
  2. For seed generation: pick a base color and a harmony type; the palette updates instantly
  3. For image extraction: click, drop or paste an image to sample its dominant colors, sorted from most to least common
  4. Click any swatch to copy its hex value, or export the whole palette as CSS variables, a Tailwind colors object or a JSON array
Common Use Cases
  • Deriving a brand palette from a logo or product photo
  • Creating harmonious UI color schemes for web projects
  • Finding complementary accent colors for an existing design
  • Generating monochromatic shades for a consistent design system
Tips & Tricks
  • High-contrast images with clear subjects produce the most distinctive palettes
  • Triadic schemes work well for vibrant, playful designs
  • Monochromatic palettes with varying lightness create clean, minimal UIs

Related Tools

Color Converter

Convert colors between HEX, RGB, HSL, HSV, CMYK, XYZ, LAB and LCH. Type or pick a color and see every format at once, with a copy button for each.

CSS Gradient Generator

Build linear, radial and conic CSS gradients visually with multiple color stops, presets and a random button. Copy the CSS or a Tailwind class.

Font Previewer

Preview and compare 30 popular Google Fonts. Test your own text, size and weight, compare up to four side by side, and copy the code to use a font.

Stream Intro Maker

Create animated stream intros with particle, glitch, neon, fade and matrix templates. Add your logo and export 1080p MP4 or transparent WebM.