Color Palette Creator

Find this application for Linux (.deb) at 👉 Linux Downloads

The Ufumbuzi Color Palette Creator builds a five-colour palette and a gradient, tests them on a sample interface and exports them as code or images. Everything is calculated in the browser; no palette is uploaded.

What it does

• A palette of five colours. Set each one with the system colour picker or by typing a hex code (three or six digits, with or without #). The five harmony buttons rebuild the palette from the first colour, using the colour wheel.
• Harmony rules. Complementary takes the opposite hue; analogous moves 15 and 30 degrees either side; triadic takes the hues 120 and 240 degrees away; monochromatic changes lightness and saturation; random ignores the first colour.
• Gradients with intermediate stops. Linear or radial, four directions for linear, circle or ellipse for radial. Add as many stops as you need; each has its own colour and a position from 1 to 99. New stops land in the widest gap.
• A sample interface with contrast numbers. The colours are applied to a heading, a paragraph, two buttons, a card, a label, an input and a checkbox. The app chooses white or dark text for the best ratio and shows the WCAG contrast for the body text and the button label.
• Exports. Palette as JSON, CSS variables or a 1000×200 PNG swatch. Gradient as CSS, SVG or PNG. Every export opens in a window with Copy and Download.
• Fields that copy and accept typing. Click a hex code to copy it; type in the same field to change it. Three-digit codes are expanded when you leave the field, so "#123456" is not cut off at "#123".

What it does not do

• It does not save your work. A reload starts again from the default five colours. Export the palette as JSON or CSS if you want to keep it.
• It does not read colours from a photo or a website. There is no image upload, no screen eyedropper and no URL analyser.
• It does not generate shades (50 to 900), a Tailwind config, an Adobe ASE file or Figma styles.
• It does not audit a whole site. The ratio is for the sample, with the text colour the app chose; it is a guide, not a WCAG certification.
• It does not support transparency. Hex codes are #RGB or #RRGGBB; there is no alpha channel.

Why use it

A palette is easy to like as five squares and hard to judge as an interface. Here the colours land on the elements that decide whether a design works: a paragraph at normal size, a button label, an input border. The contrast number says whether the pair passes AA instead of leaving it to the eye. And because the whole thing runs on the device, you can try a client's brand colours without sending them anywhere.

It is free, with no account and no ads. For a full drawing surface there is the drawing board; to edit existing images, the pixel art editor.