← Dev Tools

How to Use

1

Choose a strategy

Select from Analogous, Complementary, Triadic, Tetradic, Monochromatic, or Random to control how colours relate.

2

Pick a size

Choose how many colours your palette should contain — from 3 up to 6.

3

Generate & copy

Click Generate and browse your palette. Each swatch displays its hex code for easy copying.

About colour theory

Colour palettes built on harmonic relationships create visual balance. Analogous colours sit next to each other on the wheel for a serene look. Complementary colours oppose each other for high contrast. Triadic and tetradic schemes offer richer variety while maintaining balance.

About Palette Generator

A strong colour palette starts from a strategy, not a guess. ILikePdf Palette Generator builds harmonious palettes from a base colour using proven strategies — analogous, complementary, triadic, and monochromatic — with control over the number of swatches. Preview each palette against a sample UI to judge contrast and balance before you commit. The output copies as HEX, RGB, or Tailwind-ready values, and generation happens entirely in your browser.

How to generate colour palettes Palette Generator

Step 1: Choose a base colour or type a HEX value.
Step 2: Select a strategy — analogous, complementary, triadic, or monochromatic.
Step 3: Adjust the number of swatches the generator produces.
Step 4: Preview the palette applied to a sample UI.
Step 5: Copy the palette as HEX, RGB, or Tailwind config.

Common use cases for Palette Generator

  • Create harmonious brand palettes from a single colour.
  • Generate accent colours for UI components.
  • Build accessible colour sets for charts and dashboards.
  • Explore colour relationships for design inspiration.

Pro tips

  • Triadic palettes give high-energy combinations; analogous feel calm.
  • Preview on both dark and light backgrounds before committing.
  • Palettes are generated locally — no account needed.

Was this tool helpful? Rate it

Tap a star to rate.