toolvio.

Color palette generator

Complementary, analogous, triadic palettes plus tints and shades from one color.

Base color

Runs locally in your browser. Nothing is uploaded.

How to use

  1. Pick a base color or paste a HEX code.
  2. Browse the harmonies and the tint/shade scale.
  3. Click any swatch to copy its HEX.

Questions

Which palette should I use for a website?

Analogous palettes feel calm, complementary give strong contrast for accents. Use tints and shades of one hue for backgrounds and text.