Tool 02

Palette Generator

Pick one base color and generate a full palette around it. Click any swatch to copy its HEX code.

How to use a color scheme

Analogous colors sit next to each other on the color wheel — they feel calm and cohesive, good for backgrounds or gentle UI. Complementary pulls the opposite hue — high contrast, good for a single accent against a neutral design. Triadic spreads three hues evenly around the wheel for a more playful, balanced look. Shades keeps the same hue and only changes lightness — useful for hover states, borders, or a monochrome UI.

Which scheme should I pick for a website?

Analogous or shades work well for most interfaces because they stay easy on the eyes. Save complementary or triadic for one accent color or a single call-to-action — using them everywhere can feel busy.

Can I use these colors commercially?

Yes — colors themselves aren't copyrightable. You're free to use any palette generated here in personal or commercial projects.