Get Started Now ā€” Itā€™s Free!

Color Palette Generator Widget

Create Your Own Color Palette Generator Widget in Seconds for Your Website

Build an interactive color palette generator with one-click generate, per-color locking, HEX and full-palette copy, curated or random palettes, light and dark themes, and columns, cards, or bar layouts.

Create Your Color Palette Generator Widget - It's Free!
Create Your Own Color Palette Generator Widget in Seconds for Your Website Hero Bg Image

How to embed Color Palette Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Generate Palettes in One Click

Let visitors press generate to explore new palettes right away. Choose curated palettes or random color mixes, and let visitors use the space key too.

Generate options include:

One-click generateCurated palettesRandom colorsSpace key
Create Your Widget
Generate Palettes in One Click

Copy Single Colors or the Whole Palette

Visitors click any color to copy its HEX value, or copy every color at once. A short confirmation shows the copy worked.

Copy actions include:

Copy one HEXCopy paletteCopied confirmation
Set Copy Actions
Copy Single Colors or the Whole Palette

Start From Your Colors and Let Visitors Lock Them

Set how many colors to show and the exact starting palette. Visitors lock the colors they want to keep while the rest change on generate.

Palette controls include:

Starting colorsColor countPer-color lock
Set Your Palette
Start From Your Colors and Let Visitors Lock Them

Style the Palette for Any Page

Use light or dark themes, choose a columns, cards, or bar layout, set the card colors, radius, shadow, width, alignment, and scoped custom CSS.

Style controls include:

Light/dark themeColumns, cards, barCard colorsCustom CSS
Style Your Palette
Style the Palette for Any Page