UI Colors is a free online tool that generates custom color scales and palettes quickly and easily. With just a few clicks, you can create color schemes optimized for use in user interface and web design projects.

The main features of the tool include:

Generating colors from a hex code — Enter any hex color value, and the tool will automatically generate a scale of 9 additional colors that complement the original.

Random color button — For a completely random starting point, click the “Random HEX” button to generate a random hex code to base the scale.

HSL sliders — Alternatively, manually adjust the hue, saturation, and lightness sliders to customize a color from scratch.

Export options—Once you have a palette you like, you can export it as a hex code list or save it on the site for later access. You can also share directly to Figma or Tailwind CSS format.





Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.