Color Palette Generator

Lock the colors you like, then generate again — only unlocked swatches change. Type a HEX on any swatch or use its picker; edited colors lock automatically.

:root {
  --color-1: #22313F;
  --color-2: #2F7F79;
  --color-3: #9DBFA0;
  --color-4: #F2E3BC;
  --color-5: #D9643A;
}