Advanced Palettes

Generate harmonious palettes based on professional color theory

Base Color

Copy Format

Harmony Type

Tap a colour to copy it.

:root {
  --color-1: #084bb8;
  --color-2: #3b82f6;
  --color-3: #b7caea;
  --color-4: #f6af3b;
  --color-5: #ead7b7;
}

Ready-made palettes

Share this tool

If it helped, send it to someone who needs it too.

About Ads

This site uses Google AdSense to display ads. These ads help us keep WebHerramientas completely free. Ads are managed by Google and meet strict security and privacy standards.

Free Online Advanced Palettes

Generate advanced color palettes with 6 harmony rules (complementary, triadic, analogous, tetradic, monochromatic and split-complementary), or choose from ready-made trending palettes (Ocean, Sunset, Forest, Lavender, Coral) usable without picking a base color. Export the result as HEX, CSS variables, SCSS variables or JSON, and check a history of your most recently generated palettes.

Why use Advanced Palettes

6 color harmony types, including tetradic, not available in the basic version
5 ready-made trending palettes, usable without picking a base color
Export as HEX, CSS Variables, SCSS Variables or JSON
Keeps a history of your last 5 generated palettes
Free, great for design and development projects

How to use it in 3 steps

1
Choose a base color or trending palette
Select a starting color and harmony type, or a ready-made palette.
2
Generate the palette
Generate the palette based on your choice.
3
Export the result
Copy the palette as HEX, CSS, SCSS or JSON.

Questions about Advanced Palettes

How is this different from the basic Palette Generator?

This advanced version adds the tetradic harmony type, ready-made trending palettes, export to CSS/SCSS/JSON in addition to HEX, and a history of generated palettes.

What are the trending palettes?

Palettes already put together by a designer (Ocean, Sunset, Forest, Lavender, Coral) that you can use directly without starting from a base color.

How do I export the palette to use in my code?

Choose the export format (CSS Variables, SCSS Variables or JSON) and copy the result, ready to paste into your project.

Are my palettes saved if I close the page?

The history stays while the page remains open; if you need to keep a palette, export or copy it before closing.

Is Advanced Palettes free?

Yes, Advanced Palettes from WebHerramientas is 100% free. No registration or subscription required. You can use it as many times as you need at no cost.

Is it safe to use Advanced Palettes online?

Yes, all information is processed directly in your browser. We do not store or send your data to any external server.

Does Advanced Palettes work on mobile?

Yes, the tool is fully responsive and works on any device: phone, tablet or computer with a modern browser.