Color Palette Generator

Pick a base color or generate one randomly to create harmonious palettes. Export each color as HEX, RGB, or HSL with one click.

How to Use the Color Palette Generator

  1. Pick a base color using the color picker or enter a HEX value directly.
  2. Select a harmony type: Complementary, Analogous, Triadic, Split-Complementary, or Monochromatic.
  3. The palette generates instantly with 5 coordinated colors.
  4. Click any color swatch to copy its HEX, RGB, or HSL value.
  5. Click Randomize to generate a completely random starting color.
  6. Use Export to download the palette as a CSS variables file or JSON.

About This Tool

This color palette generator works as a color scheme generator, color wheel tool, brand color palette creator, and design color picker. Choose a base color to automatically generate harmonious companion colors based on established color theory relationships: complementary, analogous, triadic, tetradic, and split-complementary.

Copy any color as a HEX code, RGB value, or HSL value for use in CSS, design tools like Figma, Adobe XD, or Sketch, or in any creative project. Useful for UI design, logo design, website branding, and visual art.