✳designbenchFREE BROWSER TOOLS
/ FREE DESIGN TOOL

Find your next
color story.

Generate a five-color palette, lock the shades you like, then copy color codes or CSS variables for your next design.

01 / YOUR PALETTE

Five shades, endless starts.

Generate new colors, lock the ones you love, or edit each swatch. Tap a hex code to copy it.

Tip: press Space to generate when you are not editing a field.

02 / EDIT & EXPORT
/ HOW IT WORKS

From idea to file.

  1. Click Generate palette for a fresh set of five colors.
  2. Lock or edit the colors you want to keep.
  3. Copy hex codes or download CSS variables.
/ GOOD TO KNOW

Questions, answered.

Can I keep one color while generating?

Yes. Lock a swatch and the next palette will keep it.

How do I use the CSS?

Copy or download the variables, then paste them into a stylesheet.

Are palettes saved?

This version keeps the current palette only in the open tab. Copy or download it before leaving.

/ KEEP CREATING

More small tools.