A LITTLE EXPLORATION. A LOT OF POSSIBILITY.

Color palette
generator.

Generate five-color palettes, lock favorites, edit in OKLCH, check contrast and export CSS, Tailwind, JSON or SVG. Free, with no account required.

A quiet kind of playful/ 5 colors

BEYOND THE SWATCHES

See what your colors can do.

Open full preview

form & field®Objects for everyday living ↗

LESS, BUT LOVELIER.

Everyday things.
Extraordinary feeling.

Considered objects for a life well lived.

Explore the collection

Thoughtfully made. Naturally yours.

A QUICK CONTRAST CHECK

11.16:1AA pass

Ink on surface · normal text

Check every combination

A LITTLE MORE RANGE

One hue.
A whole spectrum.

Build your color scales

A PLACE TO START

Borrow a little inspiration.

Small collections, endless directions.

FROM A COLOR TO A CLEAR DECISION

Build a palette you can actually use

Palunio is a free color palette generator for websites, brands and creative projects. Start with five colors, explore a harmony, and carry the same palette into contrast checks, UI previews and developer exports.

How to use this palette generator

Choose analogous, complementary, triadic or monochromatic harmony, then generate. Press Space when no form control is focused to explore another option.
Lock the colors you want to keep. Select a swatch to edit its HEX, RGB, HSL or OKLCH value, or copy its HEX directly.
Assign colors to interface roles in UI preview. Test the text/background pairs in the contrast checker before exporting.

Which color harmony should you choose?

Analogous palettes group neighboring hues for a related feel. Complementary palettes use opposing hues for stronger contrast in hue. Triadic palettes spread accents around three hue regions. Monochromatic palettes vary one hue through lightness and chroma. These describe color relationships; none guarantees readable text.

For a website, think about roles before choosing five equally vivid colors. A light surface, dark ink and a limited set of accents give components a useful starting point. The generator reserves pale and dark slots; you can edit every color and role.

Method reference: WCAG text contrast requirements. Read all calculation methods and limitations.

Common questions

Can I keep a brand color while generating?

Yes. Edit a swatch to your brand HEX value and lock it. Generate again to replace the unlocked colors. Locked colors stay exact; the generated hue family is independent of the locked color.

Are generated palettes automatically accessible?

No. Accessibility depends on the exact foreground/background pair and its use. Check normal text at 4.5:1 for WCAG AA and review states in your final interface.

Can I use these palettes commercially?

Palunio does not restrict commercial use of the generated color values or exports. Check any separate rights in reference images and brand assets you bring to the tool.