Color Palette Generator

Developer

Generate tints, shades, complementary and analogous color palettes.

Base Color

Tints (Lighter)

Shades (Darker)

Harmonious Colors

CSS Variables

:root {
  --color-base: #CE2626;
  --color-tint-1: #fae9e9;
  --color-tint-2: #f0bebe;
  --color-tint-3: #e79393;
  --color-shade-1: #b92222;
  --color-shade-2: #a51e1e;
  --color-shade-3: #7c1717;
  --color-complement: #31d9d9;
}