Pixel Palette Generator

Start from one color and get a palette that actually holds together — or pull the real colors out of an image and open them in the editor.

8 colors

Palette

Opposite hues

CSS variables

:root {
  --pixel-1: #ff2b6b;
  --pixel-2: #2bffbf;
  --pixel-3: #e80549;
  --pixel-4: #05e8a3;
  --pixel-5: #f96e98;
  --pixel-6: #6ef9cf;
  --pixel-7: #a50b39;
  --pixel-8: #0ba576;
}