✳ToolNest
Creator tool

Color Palette Generator

Build complementary, analogous or triadic color schemes.

#7b1444

RGB 123, 20, 68
HSL 332°, 72%, 28%

#777b14

RGB 119, 123, 20
HSL 62°, 72%, 28%

#147b4b

RGB 20, 123, 75
HSL 152°, 72%, 28%

#17147b

RGB 23, 20, 123
HSL 242°, 72%, 28%

#7b1444

RGB 123, 20, 68
HSL 332°, 72%, 28%

CSS variables

CSS

:root { --color-1: #7b1444; --color-2: #777b14; --color-3: #147b4b; --color-4: #17147b; --color-5: #7b1444; }

What this tool does

  • Build complementary, analogous or triadic color schemes.
  • Runs in your browser with no account required.

How to use it

  1. Provide the input for the Color Palette Generator.
  2. Adjust the options shown in the tool and review the result.
  3. Copy or download the result when available.

Example

Start with a green base color and compare analogous and complementary swatches in a real layout.

Your privacy

Your input is processed in your browser. It is not uploaded to our server. If you choose to download a result, your browser saves it on your device.

Frequently asked questions

Is the Color Palette Generator free?

Yes. This tool is free to use without registration.

Is my input uploaded?

No. This tool processes your input in your browser.

Can I use this on a phone?

Yes. The interface works on mobile and desktop browsers.

Related tools

Related guides